<div class="table-summary" style="margin: 5px">
    <h2>[l]Dashboard Settings[/l]</h2>
	[l]The settings below allow you to customize your dashboard.  Note that changing these settings does not affect other staff members.[/l]
</div>
<div class="table-summary" style="margin: 5px">
    <dl class="form noborder dashboard-options">
        <div id="num_columns" style="padding-right: 10px">
            <table id="colselection" width="80%" style="padding-left:40px;">
                <tr>
                    <td valign="top" width="30%" align="center">
                        1 [l]Column[/l]<br/><br/>
                        <input type="radio" onclick="changeNumColumnsAndPercentages('1');" {1Selected} name="cols" style="position:relative;top:-8px;margin-right:4px;"> <img src="../templates/admin/images/dashboard/col1.png" alt="" />
                    </td>
                    <td valign="top" width="30%" align="center">
                        2 [l]Columns[/l]<br/><br/>
                        <input type="radio" onclick="changeNumColumnsAndPercentages('2_50,50');"  {2_5050Selected} name="cols" style="position:relative;top:-8px;margin-right:4px;"> <img src="../templates/admin/images/dashboard/col2_5050.png" alt="" /><br/>
                        <input type="radio" onclick="changeNumColumnsAndPercentages('2_30,70');"  {2_3070Selected} name="cols" style="position:relative;top:-8px;margin-right:4px;"> <img src="../templates/admin/images/dashboard/col2_3070.png" alt="" /><br/>
                        <input type="radio" onclick="changeNumColumnsAndPercentages('2_70,30');"  {2_7030Selected} name="cols" style="position:relative;top:-8px;margin-right:4px;"> <img src="../templates/admin/images/dashboard/col2_7030.png" alt="" />
                    </td>
                    <td valign="top" width="30%" align="center">
                        3 [l]Columns[/l]<br/><br/>
                        <input type="radio" onclick="changeNumColumnsAndPercentages('3_33,34,33');"  {3_303030Selected} name="cols" style="position:relative;top:-8px;margin-right:4px;"> <img src="../templates/admin/images/dashboard/col3_303030.png" alt="" /><br/>
                        <input type="radio" onclick="changeNumColumnsAndPercentages('3_25,50,25');"  {3_255025Selected} name="cols" style="position:relative;top:-8px;margin-right:4px;"> <img src="../templates/admin/images/dashboard/col3_255025.png" alt="" /><br/>
                    </td>
                </tr>
            </table>

            <dd class="full desc" style="padding-top:10px;">
              <span class="red" style="padding-left:40px;">[l]Changes to this setting will take effect on the next page load.[/l]</span>
            </dd>
        </div>
        <!-- BEGIN DYNAMIC BLOCK: dashboardPluginRow --> 
        <div id="addpanel_{pluginId}" style="padding-right: 10px">
            <dt><label>{pluginName} [l]Panel[/l]</label></dt>
            <dd><a href="javascript:void(0);" onclick='addToDashboard("{pluginId}", "{pluginName}", 0, false)'>[l]Add to dashboard[/l]</a></dd>
            <dd class="full desc">
              <span>{pluginDescription}</span>
            </dd>
        </div>
        <!-- END DYNAMIC BLOCK: dashboardPluginRow -->
    </dl>
</div>