body {
margin: 2em;
margin-bottom: 25px;
padding: 0;
background-color: #ddd;

font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
font-size: 13px;
color: #333;
}

h1 {
font-size: 28px;
color: #000;
}

a  {color: #03c}
a:hover {
background-color: #03c;
color: white;
text-decoration: none;
}

#page {
background-color: #ddd;
width: 750px;
margin: auto;
margin-left: auto;
padding-left: 0px;
margin-right: auto;
}

#content {
background-color: white;
border: 3px solid #aaa;
border-top: none;
padding: 25px;
width: 500px;
}

#sidebar {
float: right;
width: 175px;
}

#header, #about, #getting-started {
padding-left: 75px;
padding-right: 30px;
}


#header {
    width: 100%;
    height: 15px;
    padding: 5px 0;
    margin-top: 0;
    background: #999;
}
#login {
    display: inline-block;
    float: right;
    position: relative;
}
#header h1, #header h2 {margin: 0}
#header h2 {
color: #888;
font-weight: normal;
font-size: 16px;
}

.alert {
    background: #F00;
    color: #EEE;
    padding: 10px;
}
.alert a:link {
    color: #3CF;
}

.heartbeat-ok {
    background: #9F9;
}
.heartbeat-lost {
    background: #F00;
    color: #FFF;
    font-size: 125%;
}
#sensors {
    font-size: 20px;
    margin-left: 2em;
    border: 1px solid #999;
    border-collapse: collapse;
}
#sensors th {
    border: 1px solid #999;
}
#sensors td {
    border: 1px solid #999;
    padding-left: 10px;
    padding-right: 10px;
}
#sensors td.id {
    font-family: monospace;
    font-size: 60%;
}
#sensors td.temp {
    text-align: right;
}
#sensors td.temp.OK {
    background: #9F9;
}
#sensors td.temp.LOW {
    background: #39F;
    color:      #FFF;
}
#sensors td.temp.HIGH {
    background: #F99;
}
#sensors td.temp.down {
    background: #F00;
    color: #FFF;
}

#sensors td.batt {
    text-align: right;
}
#sensors td.batt.low {
    background: #F90;
}

#sensors td.late {
    font-style: italic;
    background: #F90;
}

#settings {
    border: 1px solid #999;
    border-collapse: collapse;
}

#settings th {
    border: 1px solid #999;
    text-align: left;
}
#settings td {
    border: 1px solid #999;
}
#settings .min input {
    text-align: right;
}
#settings td.max {
    text-align: right;
}
#settings .max input {
    text-align: right;
}
#settings td.defrost_time {
    text-align: right;
    font-family: monospace;
}
#settings td.defrost_duration {
    text-align: right;
    font-family: monospace;
}

#history {
    margin-left: 2em;
    border: 1px solid #999;
    border-collapse: collapse;
}
#history th {
    text-align: left;
    border: 1px solid #999;
}
#history td {
    text-align: left;
    border: 1px solid #999;
}


#pagersuspend {
    margin-left: 2em;
    border: 1px solid #999;
    border-collapse: collapse;
}
#pagersuspend th {
    border: 1px solid #999;
    font-weight: normal;
    text-align: right;
    vertical-align: top;
}
#pagersuspend td {
    border: 1px solid #999;
}

#callrotation {
    margin-left: 2em;
    border: 1px solid #999;
    border-collapse: collapse;
}
#callrotation th {
    border: 1px solid #999;
}
#callrotation td {
    border: 1px solid #999;
}
#callrotation td.rank {
    text-align: right;
}
#callrotation td.phone {
    text-align: right;
}

#callhistory {
    margin-left: 2em;
    border: 1px solid #999;
    border-collapse: collapse;
}
#callhistory th {
    border: 1px solid #999;
}
#callhistory td {
    border: 1px solid #999;
}
#callhistory .new-event td {
    border-top: 2px solid #000;
}


p {
line-height: 1.5em;
margin: 1.1em 0;
}

p.error {
    background: #433;
    color: #ccd;
    padding: 1em;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* Sensor plots: separate visually */
img.plot { padding-top: 8px; }

code, tt {
    font-family: 'Andale Mono', Monaco, 'Liberation Mono', 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', monospace;
}

#footer {
clear: both;
padding-top: 2em;
text-align: center;
padding-right: 160px;
font-family: sans-serif;
font-size: 10px;
}