body
{
    font-family: Courier, monospaced;
    font-size: 16px;
    font-weight: bold;
}

#joystickPanel form {
    display: none;
}

#joystickPanel.edit form {
    display: inline-block;
}

#joystickPanel.edit #displayRoomId {
    display: none;
}

#status1 {
    color: red;
}
#status2 {
    color: blue;
}
.joystick {
    border: 1px solid;
    width: 128px;
    position: absolute;
    top:150px;
}
#joystick-1 {
    border-color: red;
    left:10px;
}
#joystick-2 {
    border-color: blue;
    right:10px;
}

.joystick .stick {
    position: absolute;
    left:32px;
    top:32px;
}

.activity-badge {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background-color: #CCC;
}
.activity-badge.active {
    background-color: green;
}
.activity-badge.inactive {
    background-color: red;
}