div.top {
    padding: 10px;
}

div.result {
    margin-top:10px;
    margin-bottom:10px;
}

span.highlight {
    background-color: #FFFF00;
}

span.emphasis {
    color: #0078e7;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.waveform {
    background-color: #0078e7;
    background: -moz-linear-gradient(-45deg, #0078e7 0%, #1A7D09FF 100%);
    background: -webkit-linear-gradient(-45deg, #0078e7 0%, #1A7D09FF 100%);
    background: linear-gradient(135deg, #6683c0 0%, #4d72ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078e7', endColorstr='#1A7D09FF', GradientType=1);
    position: relative;
}

.waveform img {
    width: 100%;
    height: 150px;
}

.waveform .cursor {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 150px;
    background-color: #cc4b4b;
}

.playBtn {
    text-align: center;
    font-size: 50px;
    cursor: pointer;
}