/*
USAGE:

Include css in page: <link rel="stylesheet" type="text/css" href="/images/photo-border/single/photo-border-single.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" class="single">
    <tr>
      <td class="photo-border-single-topLeft pngFix"><img class="photo-border-single-img" src="/images/photo-border/single/1ptrans.gif" width="12" height="12" alt="" /></td>
      <td class="photo-border-single-top pngFix"><img class="photo-border-single-img" src="/images/photo-border/single/1ptrans.gif" width="12" height="12" alt="" /></td>
      <td class="photo-border-single-topRight pngFix"><img class="photo-border-single-img" src="/images/photo-border/single/1ptrans.gif" width="12" height="12" alt="" /></td>
    </tr>
    <tr>
      <td class="photo-border-single-left pngFix"><img class="photo-border-single-img" src="/images/photo-border/single/1ptrans.gif" width="12" height="12" alt="" /></td>
      <td><img class="photo-border-single-img" PUT YOUR IMAGE HERE></td>
      <td class="photo-border-single-right pngFix"><img class="photo-border-single-img" src="/images/photo-border/single/1ptrans.gif" width="12" height="12" alt="" /></td>
    </tr>
    <tr>
      <td class="photo-border-single-bottomLeft pngFix"><img class="photo-border-single-img" src="/images/photo-border/single/1ptrans.gif" width="12" height="12" alt="" /></td>
      <td class="photo-border-single-bottom pngFix"><img class="photo-border-single-img" src="/images/photo-border/single/1ptrans.gif" width="12" height="12" alt="" /></td>
      <td class="photo-border-single-bottomRight pngFix"><img class="photo-border-single-img" src="/images/photo-border/single/1ptrans.gif" width="12" height="12" alt="" /></td>
    </tr>
  </table>

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

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

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

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

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

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

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

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

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