<html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
<body style="background-color:#CCCC99;width:100%;color:#333333;font-family:verdana, arial;margin:0px 0px 0px 0px;margin-left:auto;margin-right:auto;padding:0px 0px 0px 0px;text-align:center;">

    <xsl:for-each select="viewcard">


      <div style="position:absolute;top:100px;left:100px;background-color:#999966;height:418px;width:750px;text-align:left;vertical-align:top;border-collapse:collapse;border-width:1px;border-color:#000000;border-style:solid;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;">
	      <div style="position:absolute;top:0px;left:0px;">
			  <div style="height:44px;font-size:10px;width:375px;float:left;background-image:url(images/web_logo.gif);background-repeat:no-repeat;background-position:top left;vertical-align:bottom;text-align:right;">(please enable javascript pop-ups)</div>
			  <div style="height:22px;font-size:10px;width:375px;float:left;">1. Write your own text, choose a picture and background colour</div>
		  	  <div style="height:22px;font-size:10px;width:375px;float:left;">2. View the card, print it or send it.</div>
	  	  </div>

		   <div style="display:block;position:absolute;top:44px;left:0px;background-color:#000000;color:#999966;height:20px;width:100%;font-size:10px;vertical-align:middle;">
        	to be sent to : <xsl:value-of select="email"/>
        	</div>


		  <xsl:if test="bgcolour = '999966'">
		    <div style="position:absolute;top:64px;left:0px;height:354px;width:750px;background-color:#999966;" ></div>
          </xsl:if>
          <xsl:if test="bgcolour = 'cc9966'">
		    <div style="position:absolute;top:64px;left:0px;height:354px;width:750px;background-color:#cc9966" ></div>
          </xsl:if>
          <xsl:if test="bgcolour = 'ffcc99'">
		    <div style="position:absolute;top:64px;left:0px;height:354px;width:750px;background-color:#ffcc99" ></div>
          </xsl:if>
          <xsl:if test="bgcolour = '66cc66'">
		    <div style="position:absolute;top:64px;left:0px;height:354px;width:750px;background-color:#66cc66" ></div>
          </xsl:if>
          <xsl:if test="bgcolour = 'cc9966'">
		    <div style="position:absolute;top:64px;left:0px;height:354px;width:750px;background-color:#cc9966" ></div>
          </xsl:if>
          <xsl:if test="bgcolour = 'ff3333'">
		    <div style="position:absolute;top:64px;left:0px;height:354px;width:750px;background-color:#ff3333" ></div>
          </xsl:if>
          <xsl:if test="bgcolour = 'ffff33'">
		    <div style="position:absolute;top:64px;left:0px;height:354px;width:750px;background-color:#ffff33" ></div>
          </xsl:if>
          <xsl:if test="bgcolour = 'ffff66'">
		    <div style="position:absolute;top:64px;left:0px;height:354px;width:750px;background-color:#ffff66" ></div>
          </xsl:if>

	        <div style="position:absolute;top:64px;left:0px;width:360px;height:354px;vertical-align:top;padding-top:4px;padding-left:4px;padding-bottom:4px;padding-right:4px;">
	        	<h2><xsl:value-of select="rubrik"/></h2>
				<xsl:value-of select="text"/>
	        	<p><xsl:for-each select="list/listitem">
                <p>o - <xsl:value-of select="current()"/></p>
				</xsl:for-each>
				</p>

			</div>

	      	<div style="position:absolute;top:64px;left:375px;width:360px;height:354px;vertical-align:middle;text-align:center;padding-top:4px;padding-left:4px;padding-bottom:4px;padding-right:4px;">
              <xsl:element name="img">
				<xsl:attribute name="src">
					<xsl:value-of select="graphic"/>
				</xsl:attribute>

				<xsl:attribute name="width">
					<xsl:value-of select="294"/>
				</xsl:attribute>

				<xsl:attribute name="height">
					<xsl:value-of select="314"/>
				</xsl:attribute>
				<xsl:attribute name="border">
					<xsl:value-of select="1"/>
				</xsl:attribute>
			</xsl:element>





	      	</div>


      </div>
    </xsl:for-each>
  </body>
</html>
