.resizer.playback {
    background-color: #ddd;
    height: 30px;
}

.playback-container {
    line-height: 22px;
}

.playback-container .playback-topic-container {
    height: 100%;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.playback-container .message-container{
    text-align: center;
    display: block;
}

.playback-container .message-container .wait-icon{
    margin-top: 20px;
}

.playback-topic-container .wave-panel {
    top: 0;
    background-color: #ddd;
}

.playback-topic-container .wave-content {
    padding-top: 30px;
}

.playback-menu button {
    height: 30px;
}

.playback-menu button:hover {
    background-color: #BDC5CA;
}

.playback-menu .icon {
    width: 30px;
}

.playback-menu .fast-back-button .icon {
    background-position: -648px 0;
}

.playback-menu .back-button .icon {
    background-position: -620px 0;
}

.playback-menu .forward-button .icon {
    background-position: -564px 0;
}

.playback-menu .fast-forward-button .icon {
    background-position: -592px 0;
}

.playback-menu .back-button.loading .icon {
    background-position: 0 0;
    background: url(/s/img/playback_loading.gif) no-repeat;
}

.playback-menu .calendar-button {
    width: 150px;
    text-align: center;
}

.playback-menu .calendar-button,
.playback-menu .copy-button,
.playback-menu .replace-button {
    padding: 0 10px 0 10px;
}

.playback-menu .calendar-button  {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.playback-menu .replace-button  {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.playback-calendar-popup .time-icon,
.playback-calendar-popup .date-icon {
    display: inline-block;
    cursor: pointer;
}

.playback-calendar-popup .date-icon {
    margin-right: 7px;
}

.playback-calendar-popup .time-icon {
    margin-right: 6px;
}

.playback-calendar-popup .date-icon {
    width: 18px;
    height: 21px;
    background: url(/s/img/calendar.png);
    vertical-align: -7px;
}

.playback-calendar-popup .time-icon {
    width: 16px;
    height: 15px;
    background: url(/s/img/clock.png);
    margin-left: 14px;
    vertical-align: -4px;
}


.playback-calendar-popup .date-input,
.playback-calendar-popup .time-input {
    border: 1px solid #a6b3c0;
    height: 22px;
    padding-left: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.playback-calendar-popup .date-input {
    width: 91px;
}

.playback-calendar-popup .time-input {
    width: 68px;
}

.playback-calendar-popup .time-icon {
    margin-right: 8px;
    margin-left: 0;
}

.playback-calendar-popup .date-icon {
    margin-right: 6px;
    margin-left: 0;
}