#controldiv {
    position: relative;
    z-index: 2;
    float: right;
    width: 50%;
}

table {
    padding: 20px;
}

#animal input[type=radio] {
    display: none;
    margin:10px;
}

#animal input[type=radio] + label {
    display:inline-block;
    margin:2px;
    padding: 4px 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
}

#animal input[type=radio]:checked + label {
    background-color: #000000;
    color: #ffffff;
}

#lungs {
    visibility:hidden;
}

#lungs + label {
    display:inline-block;
    margin:5px;
    padding: 4px 12px;
    background-color: #eeeeee;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
}

#lungs:checked + label {
    background-color: #22ff22;
}

.tab {
    visibility:hidden;
}

.tab + label {
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #000000;
}

.tab:checked + label {
    background: linear-gradient(#a7a7a7, #ffffff);
    border-bottom-color: #ffffff;
}

.tabcell {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #000000;
}

#pause {
    visibility:hidden;
}

#pause + label {
    display:inline-block;
    margin:5px;
    padding: 4px 12px;
    background-color: #ff2222;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
}

#pause:checked + label {
    background-color: #22ff22;
}

#attributionnotice {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

#modular + label {
    display: none;
}