<!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">AUTOMATIC RENEWAL</div>
    <div style="padding-left:10px;padding-top:10px;text-align:right;">
    <img id="imgLogo" src="https://auroracloud.com.au/AuroraTemplates/NRML/LogoNRML_White.jpg" border="0">

    </div>

</div>

<div align="left" style="clear: both;"></div>
<br />
<br /><br /><br /><br /><br />
<div>
<p>  RunDate <br>
<br>
</div>

	  <div class="message">
	  <br> U_Name_e U_Name_b U_Name_a [UserBarcode]<br>
	  <br>
	 <p>For your convenience the [NNN] items listed below have been automatically renewed for a further 21 days from the due date and the new due date is shown.</p> 

<br>

<p>Any items that could not be automatically renewed will be listed on an advance reminder that will follow this notice.</p>
<br>
<p>Due dates for all items on loan can be viewed on the library catalogue: https://library.bayside.nsw.gov.au</p>

	  <br>


 <table id="otheritems">
  <tbody>
  <tr><th class="cc" colspan="6">Automatically Renewed 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>
	  <p>Interlibrary loans, reserved items or items previously renewed cannot be renewed.
</p>
	<br>
	

	  <p>For more information about our Library Membership Policy and Guidelines, Library Locations and services please go to our website  https://library.bayside.nsw.gov.au/ </p>


<br> </br>

<p> 	<a href="https://libbyapp.com/library/baysidensw/guide/magazines" target="_blank">Click here to take a look at our eMagazine collection.</a></p>
<p>	Read your favourite magazines on your computer, tablet or mobile.</p>
<p>	Check out as many as you want to stream or read offline.</p>
<br>
<p> 	<a href="https://baysidecouncil.borrowbox.com/epress/all" target="_blank">Click here to read The Sydney Morning Herald and The Sun-Herald.</a></p>

<br> </br>

        <p>Karen Thurner</p>
        <p>Coordinator Customer Experience (Library)</p>
        <p>for GENERAL MANAGER</p>

</div></body></html>