<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>
    
        <table class="Header" cellpadding="0" cellspacing="0">
            <tr>
                <td class="Title"><WF_PROCESS_INST_NAME></td>
            </tr>
        </table>

        <table class="Content">
            <tr>
                <td class="FieldLabel">Object :</td>
                <td class="FieldValue">An overdue action that you had assigned has been automatically cancelled.</td>
            </tr>
            <tr>
                <td class="FieldLabel">Action :</td>
                <td class="FieldValue"><WF_ACTIVITY_INST_NAME></td>
            </tr>
            <tr>
                <td class="FieldLabel">Description :</td>
                <td class="FieldValue"><WF_ACTIVITY_INST_DESC></td>
            </tr>
            <tr>
                <td class="FieldLabel">Link :</td>
                <td class="FieldValue">
                    <a class="Link" href="<WF_LINK_ACTIVITY_INST_FORM>">View action</a> 
                </td>
            </tr>
       </table>
       
       <table class="DataList" cellpadding="0" cellspacing="0">
            <tr>
                <td class="Header" colspan="2">Associated data:</td>
            </tr>
            <WF_PROCESS_INST_RELDATA>
            <tr class="ListRow" onmouseover="this.className='ListRowHighLight'" onmouseout="this.className='ListRow'">
                <td class="FieldLabel"><WF_KEY></td>
                <td class="FieldValue">&nbsp;<WF_VALUE></td>
            </tr>
            </WF_PROCESS_INST_RELDATA>
        </table>
		
        <WF_PROCESS_INST_RELDATA_FILE.FORM_ARCHIVE>

    </body>
    
</html>