<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: 0;   
	padding-left: 25px;
	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:10px;   
vertical-align: top; 
font-family: Arial; vertical-align: top; font-weight: 900; font-size:25px; padding-top:28px; padding-left:15px;
 }
 
h2
{
	position: relative; left: 15px; top:80px; font-weight: 400; font-size:18px;
}
.singleItem
{
	position: relative; left: 15px; top: 120px;
}
 
 
.singleTitle
{
	position: relative; left: 2px; top: 2px; bottom:10px;
	font-weight: bold;
}

.singleDescription
{
	position: relative; left: 20px; top: 2px;
}

</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">
   <a id="section%%counter" href="%singleitem.action%">
    <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>
  
   <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>
	
	<span class="singleDescription">
	 <br />%singleitem.description% </span>
  
 </div>
 
</%singleitem%>

 
</%bottomsection%>


</body>

</html>