Also, I think it's a good idea to let the users know how the messaging system works so I concocted this footnote:
<div class="footnote">Messages with an envelope next to them haven't been read by the recipient. Deleting sent messages will only work if the recipient hasn't read them yet. Likewise, when you delete an incoming message, it disappears from the sender's <em>sent messages</em>.</div>
Here is the stylesheet stuff I use to render it:
`.footnote {
font: 9px Verdana,Arial,Helvetica,sans-serif;
color: #666;
padding-top: 11px;
}`
Also if you want to put asterix after the headings, you can add a class="asterix" to the <h2> tags and this to your stylesheet:
.asterix:after {
float: left;
clear: top;
content: "*";
font-family: Arial, Helvetica, sans-serif;
margin-left: 3px;
}
.footnote:before {
content: "*";
}