body { 
    background: #1e1e20;
    font: 12px/20px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color:white;
    padding-top: 5px;
}

.dot{  
    width: 40px;
    height: 40px;
    margin: 10px auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border:2px solid;
    font-size: 20px;
    line-height: 40px;
}

.dot_on {
    background-color: green;
    border-color: darkgreen;
    /* color: darkgreen; */
}

.dot_warn {
    background-color: orange;
    border-color: darkorange;
    /* color: darkorange; */
}

.dot_off {
    background-color: red;
    border-color: darkred;
    /* color: darkred; */
}

.center {
    margin: 10px auto;
    text-align:center;
}

.clear {
    clear: both;
}

.divCell {
    display: inline-block;
    margin: 10px auto;
    text-align: center;
    padding: 5px;
    width: 100px;
}