#codebuilderide-emulator {
    background-color: rgb(255, 255, 255);
    padding: 10px;
    text-align: center;
    /*border-radius: 4px;*/
    /*margin-top: 1em;*/
    /*box-shadow: 0px 0px 0px 1px #E0E5E9 inset;*/
    border: 2px solid rgb(197, 151, 198);
}

#codebuilderide-emulator-settings-modal .settings-heading {
    font-size: 1em;
    font-weight: bold;
}

#codebuilderide-emulator-help-modal .settings-heading {
    font-size: 1em;
    font-weight: bold;
}

#codebuilderide-emulator-help-modal h1 {
    margin-top: 0;
}

/*
This doesn't quite work
#codebuilderide-emulator .emulator-control-buttons button {
    width: 23%;
}
*/

#codebuilderide-emulator .emulator-controls > div {
    padding-top: 1em;
}

#codebuilderide-emulator .emulator-controls > div.emulator-speed-slider {
    padding-bottom: 1em;
}

#codebuilderide-emulator .emulator-controls > div.emulator-speed-slider input {
    padding-bottom: 0.5em;
}

#codebuilderide-emulator .emulator-messages .hidden-at-start {
    display: none;
}

.emulator-hardware-control {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(200, 150, 150);
    padding: 5px;
    display: none;
}

.emulator-event-controls {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(150, 150, 200);
    padding: 5px;
}

#codebuilderide-download-code-link-disabled {
/*#codebuilderide-download-code-link-disabled:hover {*/
    background: rgb(230, 230, 230);
    pointer-events: none;
    cursor: default;
}

#codebuilderide-download-modal {
    z-index: 200;
}
