.row {
    clear: all;
    height: 58px;
}

.red {
    background: red;
    background-image: radial-gradient(brown, transparent);
    background-size: 3px 3px; 
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: dotted 2px red;
    box-shadow: 0 0 20px #333 inset, 0 0 10px red;
    float: left;
}

.yellow {
    background: yellow;
    background-image: radial-gradient(orange, transparent);
    background-size: 3px 3px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: dotted 2px yellow;
    box-shadow: 0 0 20px #333 inset, 0 0 10px yellow;
    float: left;
}

.green {
    background: green;
    background-image: radial-gradient(lime, transparent);
    background-size: 3px 3px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: dotted 2px lime;
    box-shadow: 0 0 20px #333 inset, 0 0 10px lime;
    float: left;
}

.off {
    opacity: 0.1;
}

.info {
    font-family: Arial;
    font-size: 18px;
    line-height: 40px;
    vertical-align: middle;
    padding-left: 18px;
    float: left;
}