
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>

<style>
  BODY {
    font-family: Arial, Helv;
    margin: 0px;
  }

  .Header {
    table-layout: fixed;
    width: 100%;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    border-bottom: solid 1px #D3D3D1;
    border-top: solid 1px #D3D3D1;
  }

  .Header .Title {
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 11px 11px;
    font-size: 19px;
    color: #4C4C4C;
    font-weight: bold;
    font-family: Tahoma, Arial;
    text-align: left;
    background-color: #F9F9F9;
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FEFEFE', EndColorStr='#F4F4F4')
  }

  .Content {
    border: 0px;
    margin-left: 40px;
    margin-top: 10px;
  }

  .Content .FieldLabel {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
  }

  .Content .FieldValue {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: #000000;
  }

  .Content .FieldValue .Link {
    text-decoration: underline;
    color: #00309C;
  }

  .Content .FieldValue .Link:hover {
    text-decoration: underline;
  }

  .Content .FieldValue .Link:visited {
    color: #00309C;
    text-decoration: underline;
  }

  .DataList {
    margin-left: 40px;
    margin-top: 15px;
    width: 600px;
    font-size: 11px;
    border-style: solid;
    border-collapse: collapse;
    border-width: 1px 1px 1px 1px;
    border-color: #D5D5D5;
  }

  .DataList .Header {
    font-weight: bold;
    color: #4C4C4C;
    padding: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D5D5D5;
    font-family: Tahoma;
    white-space: nowrap;
    padding-left: 6px;
    text-align: left;
    background-color: #EAEAEA;
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FEFEFE', EndColorStr='#EAEAEA')
  }

  .DataList .ListRow {
    height: 22px;
  }

  .DataList .ListRow .FieldLabel {
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    font-weight: normal;
    width: 250px;
    padding-left: 5px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: #D5D5D5;
  }

  .DataList .ListRow .FieldValue {
    font-size: 12px;
    color: #000000;
    text-align: right;
    padding-right: 5px;
    background-color: #FFFFFF;
    border-style: solid;
    border-collapse: collapse;
    border-width: 0px 1px 1px 0px;
    border-color: #D5D5D5;
  }

  .DataList .ListRow .FieldValue .Link {
    text-decoration: underline;
    color: #00309C;
  }

  .DataList .ListRow .FieldValue .Link:hover {
    text-decoration: underline;
  }

  .DataList .ListRow .FieldValue .Link:visited {
    color: #00309C;
    text-decoration: underline;
  }

  .DataList .ListRowHighLight {
    height: 22px;
    background-color: #FFF0E5;
  }

  .DataList .ListRowHighLight .FieldLabel {
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    width: 250px;
    padding-left: 5px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: #D5D5D5;
  }

  .DataList .ListRowHighLight .FieldValue {
    font-size: 12px;
    color: #000000;
    text-align: right;
    padding-right: 5px;
    border-style: solid;
    border-collapse: collapse;
    border-width: 0px 1px 1px 0px;
    border-color: #D5D5D5;
  }

  .DataList .ListRowHighLight .FieldValue .Link {
    text-decoration: underline;
    color: #00309C;
  }

  .DataList .ListRowHighLight .FieldValue .Link:hover {
    text-decoration: underline;
  }

  .DataList .ListRowHighLight .FieldValue .Link:visited {
    color: #00309C;
    text-decoration: underline;
  }

  @media only screen and (max-device-width: 650px) {
    body {
      -webkit-text-size-adjust: none;
    }
    table[class="Header"] tbody tr td[class="Title"] {
      padding: 11px 8px !important;
      font-size: 14px;
    }
    table[class="Content"],
    table[class="DataList"] {
      margin-left: 0px !important;
      width: 100% !important;
      margin-right: 0px !important;
      box-sizing: border-box !important;
      padding: 0px 8px 8px 8px !important;
      border-style: none !important;
      border-collapse: separate !important;
    }
    table[class="Content"] tbody tr td[class="FieldLabel"] {
      white-space: nowrap !important;
      vertical-align: top !important;
      padding: 5px !important;
    }
    table[class="Content"] tbody tr td[class="FieldValue"] {
      word-break: break-word !important;
      padding: 5px !important;
    }
    table[class="DataList"] tbody tr td[class="Header"] {
      font-size: 12px !important;
      padding: 5px !important;
    }
    table[class="DataList"] tbody tr td[class="FieldLabel"] {
      width: 40% !important;
      word-break: break-word !important;
      font-weight: bold !important;
      vertical-align: top;
      padding: 5px !important;
    }
    table[class="DataList"] tbody tr td[class="FieldValue"] {
      width: 60% !important;
      word-break: break-word !important;
      padding: 5px !important;
    }
    table[class="Content"] tbody,
    table[class="DataList"] tbody {
      border-collapse: separate !important;
    }
  }
</style>


<body>
  <div class="Content">
    <p>
      Hello <WF_FULLNAME> (<WF_ACCOUNT>),
    </p>
    <p>
      You have reached the maximum number of failed login attempts. To regain access to your account, you must reset your password by clicking the link below. </p>
      <p>
        <WF_LINK>
      </p>
	  <p>
      If you think someone else has tried to access your account, contact your WorkflowGen administrator. 
    </p>
  </div>
</body>

</html>
