#playspeed {
    width: 45px
}

.darkform {
    background-color: #212!important;
    color: #ede;
    border: 3px solid #402040;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 5px;
    box-sizing: content-box
}

.checkbox {
    position: relative;
    top: 1px
}

#fpssel {
    position: relative;
    top: -2px
}

.smallform {
    width: 35px;
    margin-left: 10px
}

#looper,
#seek {
    width: 62px;
    margin-left: 7px
}

#licenseblk {
    font-size: .7em
}

#visualization,
#vuconfig,
#waveform {
    border-radius: 10px;
    border: 4px solid #525
}

#vuconfig {
    margin-top: 10px;
    padding: 10px;
    width: 913px
}

#visualization,
#waveform,
#wfzoom {
    user-select: none;
    display: none
}

#waveform {
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: rgba(20, 0, 20, .6);
    width: 960px;
    height: 120px
}

#visualization {
    width: 575px;
    position: relative
}

#ctxCanvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

#playdata {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 375px
}

#headertable {
    height: 114px;
    padding-bottom: 10px
}

#content,
#content_wrapper,
#footer,
#header,
#headertable,
#maintable,
#outerheader,
#toprow {
    width: 970px;
    user-select: none
}

#content,
#content_wrapper {
    position: relative;
    display: none
}

#content {
    z-index: 2
}

#content_wrapper {
    background-color: rgba(20, 5, 20, .5);
    border-radius: 10px;
    border: 4px solid #212;
    z-index: 0;
    padding: 15px
}

#footer {
    margin-top: 10px
}

#seekctrl {
    width: 100%
}

.label {
    padding-top: 4px;
    text-align: right;
    padding-right: 18px;
    font-weight: 700
}

.playdatatab {
    width: 380px
}

.vistab {
    float: right
}

#wfbutton_container {
    text-align: right;
    position: relative;
    top: -1px;
    width: 238px;
    display: inline-block
}

#maintable td {
    font-size: 1.1em
}

#settings {
    font-size: 1.2em!important
}

#playpause1,
#playpause2 {
    width: 53px
}

.right {
    text-align: right
}

.bracket {
    padding: 0 2px;
    position: relative;
    word-spacing: 0
}

#loopselect {
    width: 690px
}

#outerheader {
    display: flex;
    justify-content: space-between
}

.slider {
    padding-top: 6px
}

.title {
    font-size: 1.6em;
    font-style: italic;
    margin-left: 10px
}

.html5logo img {
    width: 89px;
    height: 32px;
    margin-right: -45px
}

#vuconfig input,
#vuconfig select {
    position: relative;
    top: -2px
}