<style type="text/css">
    #main-list {
        border-radius: 4px;
        background: #ddd8cc;
        width: 500px;
        padding: 10px;
        box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    }
    #author-box {
        border-radius: 4px;
        padding: 10px 5px 10px 5px;
        background-color: #eeece7;
        box-shadow: 0px 0px 2px rgba(50,50,50,0.7);
    }
    hr {
        border: 1px dotted #8b8c8f;
        border-style: none none dotted;
        color: #fff;
    }
    #light-text {
        color: #8b8c8f;
        font-weight: lighter;
    }
    #followup {
        border-radius: 4px;
        background: #E0E0E0;
        width: 500px;
        padding: 5px;
        box-shadow: 0px 0px 2px rgba(50,50,50,0.7);
    }
    #task {
        border-radius: 4px;
        width: 500px;
        padding: 5px;
        background: #FEDA90;
        box-shadow: 0px 0px 2px rgba(50,50,50,0.7);
    }
</style>

<div id="main-list">
<div style="text-align: center; font-size: larger;"><a href="##ticket.url##">##ticket.title##</a></div>
<hr />
<table style="width: 100%; border: none;">
<tbody>
<tr>
<td style="text-align: left; font-weight: bold;">##ticket.shortentity##</td>
<td style="text-align: right; color: #8b8c8f; font-weight: bold;">##ticket.creationdate##</td>
</tr>
</tbody>
</table>
<br /> ##FOREACHauthors##
<div id="author-box"><span id="light-text"> ##lang.ticket.authors##</span> : ##IFticket.authors## ##ticket.authors## ##ENDIFticket.authors## ##ELSEticket.authors##--##ENDELSEticket.authors## <br />##IFauthor.email##<span id="light-text">##lang.author.email##</span> : ##author.email##<br />##ENDIFauthor.email## ##IFauthor.phone##<span id="light-text">##lang.author.phone##</span> : ##author.phone##<br /> ##ENDIFauthor.phone## ##IFauthor.mobile##<span id="light-text">##lang.author.mobile##</span> : ##author.mobile## ##ENDIFauthor.mobile##</div>
##ENDFOREACHauthors##
<p><span id="light-text"> ##lang.ticket.content##</span>:<br /> ##ticket.content##</p>
</div>
<hr />
<p>##FOREACHtasks##</p>
<div id="task"><span id="light-text">[##task.date##] <span style="color: black; font-weight: bold;">##task.author##</span></span><br />
<div>##task.description##</div>
<div style="text-align: right;"><span id="light-text">##task.time##</span></div>
</div>
<p>##ENDFOREACHtasks##</p>
<hr />
<p>##FOREACHfollowups##</p>
<div id="followup"><span id="light-text">[##followup.date##]</span> <span style="color: black; font-weight: bold;">##followup.author##</span><br />
<div>##followup.description##</div>
</div>
<p>##ENDFOREACHfollowups##</p>