#name {
    font-size: 30px;
    font-weight: bold;
}

path {
    stroke: steelblue;
    stroke-width: 1;
    fill: none;
}

.axis {
    shape-rendering: crispEdges;
}
.x.axis line {
    stroke: lightgrey;
}
.x.axis .minor {
    stroke-opacity: .5;
}
.x.axis path {
    display: none;
}
.y.axis line, .y.axis path {
    fill: none;
    stroke: #000;
}

.stat {
    align-items: center;
    width:500px;
}
.bigselect{
    margin:10px 0px 0px;
    overflow:hidden;
    width:80%;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 1px 11px #330033;
    background: whitesmoke;

}

.bigselect select{
    border: 0;
    color: black;
    background: transparent;
    font-size: 20px;
    font-weight: bold;
    padding: 3px 20px;
    width: 100%;
    *background: whitesmoke;
}

.serviceentry {
    margin:3px 0px 3px;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 1px 11px #330033;
}
.online {
    background: green;
}
.offline {
    background: red;
}

#services {
    text-align:center;
}

.area {
    fill: steelblue;
}