<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-16"/>
<title>Fingerprint Software</title>

<style type="text/css">
BODY 
{
	position:absolute;top:0;left:0; margin: 0; padding:0px;   
	right: 10px;
	background-image: url(file://%%dir/rsc/logo.png); background-repeat: no-repeat;   
	font-weight: normal; text-align: left; text-decoration: none; color: #000000; font-family: Arial;
}


a:link {color: #000000;  text-decoration:none;}

/*a:active {color: #66CCFF;   text-decoration:none;}*/

a:visited {color: #000000;   text-decoration:none;}

a:hover {color: #6789eb;   text-decoration: none;}

h1 {
position:absolute;
top:5px;   
vertical-align: top; 
font-family: Arial; vertical-align: top; font-weight:400; font-size:18px; left:15px; padding-right: 75px;
color: #ffffff;
 }
 
h2
{
	position: relative; left: 13px; top:60px; font-weight: 400; font-size:16px; color: #ffffff; padding-right: 30px;
}
.singleItem
{
	position: relative; left: 15px; top: 100px; 
}
 
.singleImage
{
	position: relative; left: 200px; bottom: 3px; 
} 
.singleTitle
{
	position: relative; left:202px; top:3px; bottom:12px; right:20px;
	font-weight: bold;
}

.singleDescription
{
	position: relative;
	left: 227px;
	top: 100px;
	
	width: 350px;
}

</style>

<script type="text/javascript">
function FixPng()
{
	var arVersion = navigator.appVersion.split("MSIE")
	var version = parseFloat(arVersion[1])

	if ((version >= 5.5) && (document.body.filters)) 
	{
	   for(var i=0; i<document.images.length; i++)
	   {
	      var img = document.images[i]
	      var imgName = img.src.toUpperCase()
	      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
      {
	         var imgID = (img.id) ? "id='" + img.id + "' " : ""
	         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
	         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
	         var imgStyle = "display:inline-block;" + img.style.cssText 
	         if (img.align == "left") imgStyle = "float:left;" + imgStyle
	         if (img.align == "right") imgStyle = "float:right;" + imgStyle
	         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
	         var strNewHTML = "<span " + imgID + imgClass + imgTitle
	         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
	         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
	         + "(src=\'" + img.src + "\');\"></span>" 
	         img.outerHTML = strNewHTML;
	         i = i-1
	      }
	   }
	}
	
}




function swapicon3(imgid, txtid, hover, src1, src2)
{	
	if(hover)
	{
		document.getElementById(imgid).style.setAttribute('filter', "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'" + src2 + "\')");
			
		
	}
	else
	{
		document.getElementById(imgid).style.setAttribute('filter', "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'" + src1 + "\'')");
		
	}
}






// -->
</script>
</head>

<body onload="FixPng();" scroll='auto'">


<h1>#SID_HEADER#</h1>
<h2>#SID_HEADER2# </h2>


<%bottomsection%>


<%singleitem%>
 <div class="singleItem">
  <span class="singleImage"> <a id="section%%counter" href="file:///D|/perforce/root/pshome/main/src/gui/ctlcntr/autorun/res/ess/%25singleitem.action%25">
    <img alt="" border="0" id="img%%counter" onmouseover="swapicon3('img%%counter', 'sekce%%counter', true, 'file://%%dir/rsc/icoitem.png', 'file://%%dir/rsc/icoitemhover.png')"  onmouseout="swapicon3('img%%counter', 'sekce%%counter', false, 'file://%%dir/rsc/icoitem.png', 'file://%%dir/rsc/icoitemhover.png')"
	 src="file://%%dir/rsc/icoitem.png" ></a></span>
  
   <a id="sekce%%counter" href="%singleitem.action%">
	<span class="singleTitle" onmouseover="swapicon3('img%%counter', 'sekce%%counter', true, 'file://%%dir/rsc/icocollapsed.png', 'file://%%dir/rsc/icoitemhover.png')"  onmouseout="swapicon3('img%%counter', 'sekce%%counter', false, 'file://%%dir/rsc/icoitem.png', 'file://%%dir/rsc/icoitemhover.png')">
    %singleitem.title%</a></span>
 </div>
	
	<span class="singleDescription">
	 %singleitem.description% </span>
  

 
</%singleitem%>

 
</%bottomsection%>


</body>

</html>