pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #888888 } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { color: #008800; font-weight: bold } /* Keyword */
.highlight .ch { color: #888888 } /* Comment.Hashbang */
.highlight .cm { color: #888888 } /* Comment.Multiline */
.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
.highlight .cpf { color: #888888 } /* Comment.PreprocFile */
.highlight .c1 { color: #888888 } /* Comment.Single */
.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .ges { font-weight: bold; font-style: italic } /* Generic.EmphStrong */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #333333 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #666666 } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { color: #008800; font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: #008800; font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: #008800; font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: #008800 } /* Keyword.Pseudo */
.highlight .kr { color: #008800; font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #888888; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #0000DD; font-weight: bold } /* Literal.Number */
.highlight .s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */
.highlight .na { color: #336699 } /
@{
    Tango.MachineStudio.UI.TFS.SystemInformationModel vm = Model as Tango.MachineStudio.UI.TFS.SystemInformationModel;
}

<div>
    <div style="font-size:20pt;text-decoration:underline">System Information</div>
    <table style="margin-top:10px">
        <tbody>

            <tr>
                <td><b>Application Version:</b></td>
                <td>@vm.ApplicationVersion</td>
            </tr>

            <tr>
                <td><b>Embedded Version:</b></td>
                <td>@vm.EmbeddedVersion</td>
            </tr>

            <tr>
                <td><b>Host Name:</b></td>
                <td>@vm.HostName</td>
            </tr>

            <tr>
                <td><b>User:</b></td>
                <td>@vm.UserName</td>
            </tr>

        </tbody>
    </table>

    <div style="font-size:20pt;text-decoration:underline;margin-top:10px">Machine</div>

    @if (vm.Machine != null)
    {
        <table style="margin-top:10px">
            <tbody>

                <tr>
                    <td><b>Organization:</b></td>
                    <td>@vm.Machine.Organization.Name</td>
                </tr>

                <tr>
                    <td><b>Name:</b></td>
                    <td>@vm.Machine.Name</td>
                </tr>

                <tr>
                    <td><b>S/N:</b></td>
                    <td>@vm.Machine.SerialNumber</td>
                </tr>

                <tr>
                    <td><b>Version:</b></td>
                    <td>@vm.Machine.MachineVersion.Version</td>
                </tr>

            </tbody>
        </table>

        <div style="font-size:20pt;text-decoration:underline;margin-top:10px">Machine Configuration</div>
        <div style="white-space:pre;margin-top:10px;font-size:8pt">@vm.ConfigurationString</div>

        <div style="font-size:20pt;text-decoration:underline;margin-top:10px">Hardware Configuration</div>
        if (vm.LoadedHardwareConfigurationString != null)
        {
            <div style="white-space:pre;margin-top:10px;font-size:8pt">@vm.LoadedHardwareConfigurationString</div>
        }
        else
        {
            <div style="color:Red;margin-top:10px">NOT SET</div>
        }

        <div style="font-size:20pt;text-decoration:underline;margin-top:10px">Process Parameters</div>

        if (vm.LoadedProcessParametersString != null)
        {
            <div style="white-space:pre;margin-top:10px;font-size:8pt">@vm.LoadedProcessParametersString</div>
        }
        else
        {
            <div style="color:Red;margin-top:10px">NOT SET</div>
        }
    }
    else
    {
        <div style="color:Red;margin-top:10px">NOT CONNECTED</div>
    }
</div>