Oracle Apex beginner tutorial -11

Before rows:

============

<style>

table.apexir_WORKSHEET_CUSTOM { border: none !important; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none; }

.apexir_WORKSHEET_DATA td {border-bottom: none !important;}

table.reportDetail td {

        padding: 2px 4px !important;

border: none !important;

font: 11px/16px Arial, sans-serif;

}

table.reportDetail td.separator {

background: #F0F0F0 !important;

padding: 0 !important;

height: 1px !important;

padding: 0;

line-height: 2px !important;

overflow: hidden;

}

table.reportDetail td h1 {margin: 0 !important}

table.reportDetail td img {margin-top: 8px; border: 4px solid #CCC; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

</style>

<table class="reportDetail">

For each row:

==============

<tr>

<td rowspan="5" valign="top"><img width="75" height="75" src="#DETAIL_IMG_NO_STYLE#" alt="#PRODUCT_NAME#"></td>

<td colspan="6"><h1><a href="#ICON_LINK#"><strong>#PRODUCT_NAME#</strong></a></h1></td>

</tr>

<tr>

<td><strong>#CATEGORY_LABEL#:</strong></td><td>#CATEGORY#</td>

<td><strong>#PRODUCT_AVAIL_LABEL#:</strong></td><td>#PRODUCT_AVAIL#</td>

<td><strong>#LAST_DATE_SOLD_LABEL#:</strong></td><td>#LAST_DATE_SOLD#</td>

</tr>

<tr>

<td align="left"><strong>#PRODUCT_DESCRIPTION_LABEL#:</strong></td><td colspan="5" >#PRODUCT_DESCRIPTION#</td>

</tr>

<tr>

<td style="padding-bottom: 0px;"><strong>#LIST_PRICE_LABEL#</strong></td>

<td style="padding-bottom: 0px;"><strong>#UNITS_LABEL#</strong></td>

<td style="padding-bottom: 0px;"><strong>#SALES_LABEL#</strong></td>

<td style="padding-bottom: 0px;"><strong>#CUSTOMERS_LABEL#</strong></td>

</tr>

<tr>

<td style="padding-top: 0px;">#LIST_PRICE#</td>

<td style="padding-top: 0px;">#UNITS#</td>

<td style="padding-top: 0px;">#SALES#</td>

<td style="padding-top: 0px;">#CUSTOMERS#</td>

</tr>

<tr><td colspan="7" class="separator">&nbsp;</td></tr>

After rows:

===========

<tr><td colspan="7" class="separator"></td></tr>

</table>