<html>
<head>
<style type="text/css">

body {
  padding: 8px;
  margin: 0px;
  font-size: 85%;
}

#small {
  font-size: smaller;
}

#identityimage {
  padding: 5px;
  padding-left: 80px;
  background-image: url(identity.png);
  background-repeat:no-repeat;
  height: 100px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

p {
  /* padding: 4px; */
  margin: .4em 0 .8em 0;
  padding: 0;
}

#no_identity_warn {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 15px;
}

</style>
</head>
<body>
{% if contact.NAME %}
  <div id="identityimage">
  <h2>{{ contact.NAME }}</h2>
  <table>
    <tr><td width="50%">{{ contact.ORGANISATION }}</td><td>{{ label.PHONE }}:</td><td>{{ contact.PHONE }}</td></tr>
    <tr><td>{{ contact.STREET }}</td><td>{{ label.FAX }}:</td><td>{{ contact.FAX }}</td></tr>
    <tr><td>{{ contact.POSTCODE }} {{ contact.LOCALITY }}</td><td>{{ label.MOBILE }}:</td><td>{{ contact.MOBILE }}</td></tr>
  </table>
  </div>
{% endif %}
<p id="small">{{ contact.ADDRESSBOOK_INFO }} {{ contact.IDENTITY_ADDRESS_TYPE }}</p>
{% if error.NO_IDENTITY_WRN %}
  <div id="no_identity_warn">
  {% autoescape off %}
    {{ error.NO_IDENTITY_WRN }}
  {% endautoescape %}
  </div>
{% endif %}
</body>
