<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" version="4.0" indent="yes"/>

<xsl:template match="dataroot">
    <html>
    <body>
        <h2><font name="Verdana">Orders by Customer</font></h2>
        <p></p>
            <xsl:apply-templates select="Customers"/>
    </body>
    </html>
</xsl:template>

<xsl:template match="Customers">
<table>
    <tr>
        <td BgColor="#FFCC33">
            <font color="#000000">
                 <xsl:value-of select="CustomerID"/>
            </font>
        </td>
        <td><b>
            <xsl:value-of select="CompanyName"/>
        </b></td>
    </tr>
</table>
<table cellpadding="5" cellspacing="5">
    <tr BgColor="black">
        <td bgcolor="black" width="10px"></td>
        <td><font color="white" size="1">Order ID</font></td>
        <td><font color="white" size="1">Order Date</font></td>
        <td><font color="white" size="1">Shipped Date</font></td>
        <td><font color="white" size="1">Required Date</font></td>
        <td><font color="white" size="1">Freight</font></td>
    </tr>
    <xsl:apply-templates select="Orders"/>
</table>
</xsl:template>

<xsl:template match="Orders">
    <tr>
        <td bgcolor="black" width="10px"></td>
        <td><xsl:value-of select="OrderID"/></td>
        <td><xsl:value-of select="substring(OrderDate, 1, 10)"/></td>
        <td><xsl:value-of select="substring(ShippedDate, 1, 10)"/></td>
        <td><xsl:value-of select="substring(RequiredDate, 1, 10)"/></td>
        <td>$<xsl:value-of select="format-number(Freight,'####0.00')"/></td>
    </tr>
</xsl:template>

</xsl:stylesheet>
