/* Color specifications
 
 cardgate-green:
    #669900 normal
    #446600 darker
    #77b200 semi
    #88cc00 lighter

*/

/* basic layout */
    body {
        font-family: Verdana, sans-serif;
        font-size: 76%;
    }
    h1 {
        font-size: 1.5em;
    }
    h2 {
        font-size: 1.3em;
    }
    h3 {
        font-size: 1.2em;
    }
    h4 {
        font-size: 1.1em;
    }
    h5 {
        font-size: 1em;
    }
    dt {
        margin-top: 1em;
    }
    img {
        border: 0;
    }

/* header */
    div#hdr_cardgate {
        float: left;
        width: 235px;
        margin-top: 0.5em;
    }
    div#hdr_commbank {
        float: right;
        font-size: 70%;
        width: 34em;
        min-width: 285px;
        text-align: center;
    }

/* main section */
    .updated {
        font-size: xx-small;
        color: silver;
        text-align: center;
        margin: 2em 1em;
    }
    #crumbs {
        font-size: xx-small;
        color: silver;
        margin: 0;
    }
    #crumbs span {
        color: black;
    }

/* outages */
    ul.outages {
        font-size: 1.2em;
        list-style: none;
    }
    ul.outages li span {
        display: block;
        float: left;
        font-family: monospace;
        font-weight: bold;
        font-size: 1.2em;
        width: 3.5em;
        text-align: center;
    }
    ul.outages li {
        clear: left;
    }
    ul.outages li.OK span {
        color: #00aa00;
    }
    ul.outages li.WARN span {
        color: #ffaa00;
    }
    ul.outages li.FAIL span {
        color: #ff0000;
    }

table {
	border-collapse: collapse;
	border: solid #446600 1px;
}
td, th { padding: 0.2em; }