/*
USAGE:

Include css in page: <link rel="stylesheet" type="text/css" href="/images/photo-border/photo-border.css" />

Put the following table in your page, replacing PUT YOUR IMAGE HERE with your image:

<table width="0" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td class="photo-border-topLeft pngFix"><img class="photo-border-img" src="/images/photo-border/1ptrans.gif" width="15" height="15" alt="" /></td>
  <td class="photo-border-top pngFix"><img class="photo-border-img" src="/images/photo-border/1ptrans.gif" width="10" height="15" alt="" /></td>
  <td class="photo-border-topRight pngFix"><img class="photo-border-img" src="/images/photo-border/1ptrans.gif" width="12" height="15" alt="" /></td>
 </tr>
 <tr>
  <td class="photo-border-left pngFix"><img class="photo-border-img" src="/images/photo-border/1ptrans.gif" width="15" height="10" alt="" /></td>
  <td><img class="photo-border-img" PUT YOUR IMAGE HERE></td>
  <td class="photo-border-right pngFix"><img class="photo-border-img" src="/images/photo-border/1ptrans.gif" width="12" height="10" alt="" /></td>
 </tr>
 <tr>
  <td class="photo-border-bottomLeft pngFix"><img class="photo-border-img" src="/images/photo-border/1ptrans.gif" width="15" height="12" alt="" /></td>
  <td class="photo-border-bottom pngFix"><img class="photo-border-img" src="/images/photo-border/1ptrans.gif" width="10" height="12" alt="" /></td>
  <td class="photo-border-bottomRight pngFix"><img class="photo-border-img" src="/images/photo-border/1ptrans.gif" width="12" height="12" alt="" /></td>
 </tr>
</table>

*/
td.photo-border-topLeft
{
	width: 15px;
	height: 15px;
	background: url(topLeft.png) no-repeat left top;
  padding: 0;
}

td.photo-border-top
{
	width: 10px;
	height: 15px;
	background: url(top.png) repeat-x left top;
  padding: 0;
}

td.photo-border-topRight
{
	width: 12px;
	height: 15px;
	background: url(topRight.png) no-repeat left top;
  padding: 0;
}

td.photo-border-right
{
	width: 12px;
	height: 10px;
	background: url(right.png) repeat-y left top;
  padding: 0;
}

td.photo-border-bottomRight
{
	width: 12px;
	height: 12px;
	background: url(bottomRight.png) no-repeat left top;
  padding: 0;
}

td.photo-border-bottom
{
	width: 10px;
	height: 12px;
	background: url(bottom.png) repeat-x left top;
  padding: 0;
}

td.photo-border-bottomLeft
{
	width: 15px;
	height: 12px;
	background: url(bottomLeft.png) no-repeat left top;
  padding: 0;
}

td.photo-border-left
{
	width: 10px;
	height: 15px;
	background: url(left.png) repeat-y left top;
  padding: 0;
}

.photo-border-img
{
	display: block;
  padding: 0;
  margin: 0;
}