<html>
    <head>
        <META HTTP-EQUIV="Refresh" CONTENT="300">
        <title>UPS Status</title>
        <style type="text/css">
            body {
                background:        white;
                color:                #000099;
                font-family:        "cg omega", Albertus, Helvetica, sans-serif;
                font-weight:        medium;
                font-size:        10pt;
                text-align:        justify;
                margin-top:        15px;
                margin-right:        0.5em;
                margin-left:        0.5em;
                line-height:        120%;
            }
            h2 {
                font-size:        200%;
                font-variant:        small-caps;
            }
            h3 {
                font-size:        125%;
                font-variant:        small-caps;
            }
            .centered {
                text-align:        center;
            }
            img {
                border:                2px solid transparent;
                display:        inline-block;
            }
            hr.cleaner {
                clear:                both;
                height:                1px;
                margin:                -1px 0 0 0;
                padding:        0;
                border:                none;
                visibility:        hidden;
            }
            .content {
                margin:                0 3% 0 3%;
                padding:        0;
            }
            .col1of2 {
                float:                left;
                width:                48%;
                margin:                0;
                padding:        0;
            }
            .col2of2 {
                margin:                0 0 0 52%;
                padding:        0;
            }
        </style>
    </head>
    <body>
        <div class="content">
            <h2 class="centered">UPS Operating History</h2>
            <hr class="cleaner">
            <div class="col1of2">
                <img src="/upswatch/upscharge-day.png" height="279" width="532"/>
                <img src="/upswatch/upspower-day.png" height="279" width="532"/>
                <img src="/upswatch/upsload-day.png" height="279" width="532"/>
            </div>
            <div class="col2of2">
                <img src="/upswatch/upscharge-week.png" height="279" width="532"/>
                <img src="/upswatch/upspower-week.png" height="279" width="532"/>
                <img src="/upswatch/upsload-week.png" height="279" width="532"/>
            </div>
            <h3 class="centered">
                <a href="http://www.babcom.com/upsstats.cgi?host=tokamak@localhost" target="_new">
                    Current detailed UPS operating parameters from UPSD
                </a>
            </h3>
            <hr class="cleaner">
            <div class="col1of2">
                <p>UPSwatch &copy; Babylon Communications 2010</p>
            </div>
            <div class="col2of2">
                <p style="float: right">Free to copy and distribute for non-commercial use</p>
            </div>
        </div>
    </body>
</html>