Thanks eaglemobiles for doing the hard work.
The code
Code:
<TD style= "border-right: 1px solid #9C9EAA; border-bottom: 1px solid #9C9EAA;" height="23" class="DialogTitle" background="{$ImagesDir}/dialog_bg_n.gif" valign="middle">{$title}</TD>
makes the title bar come out double.
Plus the style should go in the skin1.css file.
For those who want to enclose the bottom with a continuous line. Use a spacer.gif of the same color, like balinor suggested, and aligned it to the bottom at 100% width.
Here is the complete code for dialog.tpl.
Code:
{* $Id: dialog.tpl,v 1.19 2004/06/24 09:53:29 max Exp $ *}
{if $printable ne ''}
{include file="dialog_printable.tpl"}
{else}
<TABLE border="0" cellpadding="0" cellspacing="0" {$extra}>
<TR>
<TD height="15" class="DialogTitle" background="{$ImagesDir}/dialog_bg_n.gif" valign="bottom">{$title}</TD>
</TR>
<TR><TD class="DialogBorder"><TABLE border="0" cellpadding="10" cellspacing="0" width="100%">
<TR><TD class="DialogBox">{$content}
</TD></TR>
</TABLE><tr>
<td colspan="2">
<table width="100%" cellspacing="0" cellpadding="0" bgcolor="white">
<tr>
<td width="9">
<div align="left">
[img]{$ImagesDir}/smalldialogcnr_left.gif[/img]</div>
</td>
<td width="100%" valign="bottom">
[img]{$ImagesDir}/greyspacer.gif[/img]</td>
<td width="9">
<div align="right">
[img]{$ImagesDir}/smalldialogcnr_right.gif[/img]</div>
</td>
</tr>
</table>
</td>
</tr>
</td><TD></TR>
</TABLE>
{/if}
Next open up skin1.css file.and find .DialogBorder
And add this or whatever color and size you need
Code:
border-right: 1px solid #9C9EAA; border-left: 1px solid #9C9EAA;
Happy Coding