<!DOCTYPE html>
<html><head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">

<title>Bayside Library</title>
<style>
* {
	margin: 0px; padding: 0px;
}
body {
	font: 14px/1.4 Georgia, serif; font-size-adjust: none; font-stretch: normal;
}
#page-wrap {
	margin: 0px auto; width: 800px;
}
textarea {
	font: 14px/normal Georgia, Serif; border: 0px #ffffff; overflow: hidden; font-size-adjust: none; font-stretch: normal; resize: none;
}
table {
	border-collapse: collapse; border-spacing: 0; border-width: 0 0 0 0; border-style: solid;
}
table td {
	padding: 2px;
}
table th {
	padding: 2px;
}

#imgLogo {
    margin: 0px 0px; padding: 8px 0px; max-width: 800px;
    }
#header {
	background: #c39528; font: bold 15px/normal Helvetica, Sans-Serif; margin: 0px 0px; padding: 8px 0px; width: 100%; height: 15px; text-align: center; color: white; letter-spacing: 20px; font-size-adjust: none; font-stretch: normal;
}
#address {
	width: 100%;  height: 70px; float: left;
}
#customer {
	overflow: hidden;
}
.message {
	width: 100%; text-align: left; margin-top: 0px;
}
.adminfee {
	width: 100%; text-align: left; margin-top: 10px; margin-bottom: 10px;
}
.customer-title {
	font-size: 20px; font-weight: bold; border: 0px #ffffff !important;
}
#name-title {
	position:absolute; font-size: 12px; margin-top: 50px; font-weight: bold;
}
#meta {
	width: 100%; margin-top: 0px;
}
#meta td {
	text-align: right;
}
#meta td {
	border-width: 1px 1px 1px 1px; border-style: solid; border-color:#DC4913;
}
#meta th {
	border-width: 1px 1px 1px 1px; border-style: solid; border-color:#DC4913;
}
#meta td.meta-head {
	background: rgb(238, 238, 238); text-align: right; font-weight: bold;
}
#meta td {
	height: 20px; text-align: left;
}
#meta td.blank {
	border: 0px #ffffff;
}
#items {
	font-size: 12px; margin: 5px 0px 0px; border: 1px solid #DC4913; width: 100%; clear: both;
}
#items tr.cc td {
	border: 0px #ffffff; vertical-align: top;
}
#items td {
	border-width: 1px 1px 1px 1px; border-style: solid; border-color:#0B87A2;
}
#items th {
	border-width: 1px 1px 1px 1px; border-style: solid; border-color:#0B87A2;
}
#otheritems {
	font-size: 12px; margin: 5px 0px 0px; border-width: 1px 1px 1px 1px; border-style: solid; border-color:#0B87A2; width: 100%; clear: both;

}
#otheritems tr.cc td {
	 vertical-align: top; border-width: 1px 1px 1px 1px; border-style: solid; border-color:#0B87A2;
}
#otheritems td {
	border-width: 1px 1px 1px 1px; border-style: solid; border-color:#0B87A2;
}
#otheritems th {
	border-width: 1px 1px 1px 1px; border-style: solid; border-color:#0B87A2;
}
.cc {
	background: #c39528; color: #ffffff;
}
.redhead {
	background: #c39528; color: #ffffff; text-align: right !important; font-weight: bold;
}
.ccth {
	background: rgb(238, 238, 238);
}

#totals {
	font-size: 12px; margin: 5px 0px 0px; border: 0px solid black; width: 100%; clear: both; 
}
#totals td {
padding: 1px !important; border-width: 1px 1px 1px 1px; border-style: solid; border-color:#0B87A2;
}

#totals th {
	border-width: 1px 1px 1px 1px; border-style: solid; border-color:#0B87A2;
}
#totals td.total-line {
	text-align: right; border-right-width: 1px; border-right-style: fixed; 
}
#totals td.total-value {
	text-align: right; padding: 5px; border-left-width: 0px; border-left-style: none;
}
#totals td.total-gstvalue {
	text-align: right; padding: 5px; border-left-width: 1px;
}
#totals td.total-value  {
	height: 20px;
}
#totals td.balance {
	text-align: right; background: rgb(238, 238, 238);
}
#totals td.blank {
	border: 0px #ffffff;
}
#terms {
	margin: 10px 0px 0px; text-align: center; width: 100%; 
}
#terms h5 {
	font: 13px/normal Helvetica, Sans-Serif; margin: 0px 0px 8px; padding: 0px 0px 8px; text-transform: uppercase; letter-spacing: 10px; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
    .style7
    {
        background: rgb(238, 238, 238);
        width: 25%;
    }
    .style8
    {
        width: 25%;
    }
    </style>
</head>
<body>
    
<div id="page-wrap">
    
    <div id="header">FIRST OVERDUE NOTICE</div>
    <div style="padding-left:10px;padding-top:10px;text-align:right;">
    <img id="imgLogo" src="http://auroracloud.com.au/AuroraTemplates/NRML/LogoNRML_White.png" border="0">

    </div>
<div id="identity"><div id="address">

<p>&nbsp;</p>
<p>&nbsp;</p>

<a>&nbsp;</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UDR_100$e UDR_100$b UDR_100$a<br/>
<a>&nbsp;</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UDR_200$1 UDR_200$2 UDR_200$a<br/>
<a>&nbsp;</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; UDR_200$b UDR_200$c UDR_200$e<br/>
</p>
</div>
</div>

<div align="left" style="clear: both;"></div>
<br />
<br /><br /><br /><br /><br />
<div>
<p>  RunDate <br>
<br>
</div>

	  <div class="message"><b>The following item/s are overdue for</b>
	  <br> U_Name_e U_Name_b U_Name_a U_Barcode<br>
	  <br>
	  According to our records, the following items are still on loan to you. Please return them as soon as possible.  
	  <br>
	  <br>
	  <p><b>A $2.00 charge per item was recently added to your card. This will increase by $1.00 per week <br/>
		(calculated from the due date) for each item not returned. </b></p>
	  <br>
	  <p><b>An additional $15 charge per borrower will be added if items become long overdue. </b></p>
	  <br>
	  <p>Our loan period is 21 days. Please remember to return items to the Library or renew them online <br/>
within that time at http://library.bayside.nsw.gov.au/  </p>
      <br>
	  <p>Members with a valid email address (and have not opted out) are sent a reminder notice before loans are overdue.  </p>
	<br>
	</div>
  <table id="otheritems">
  <tbody>
  <tr><th class="cc" colspan="6">Overdue Items</th></tr>
  <tr>
    <th class="ccth" width="5%">No.</th>
	<th class="style7">Item Barcode</th>
    <th class="ccth" width="60%">Title</th>
    <th class="ccth" width="10%">Date Due</th></tr>
	
  <!--ITEMAREA_START-->
  <tr class="item-row">
    <td class="item-name" width="5%">
    <div class="itemnum"><div>[N].</div></div></td>
    <td class="style8"><div>[ItemBarcode]</div></td>
	<td width="60%"><div>[Title]</div></td>
    <td width="10%"><div class="DateDue">[DateDue]</div></td>

  </tr>
  <!--ITEMAREA_END-->
  
</tbody>
  </table>
  <br>
  <br>
<p><b>Library catalogue / Renewals: https://library.bayside.nsw.gov.au/</b></p>
<p><b>For locations, opening hours or renewals visit our website at the above internet address.</p></b>
<p>Arncliffe: 9562 1816; Bexley North: 9562 1814; Brighton-Le-Sands: 9562 1812; Eastgardens: 9366 3888; Mascot: 8338 0313; Rockdale: 9562 1821; Sans Souci: 9562 1817<p>

<br> </br>


        <p>Lisa Marschall</p>
        <p>Coordinator - Library</p>
        <p>for GENERAL MANAGER</p>

</div></body></html>