.audioContainer {
    background: #fff none repeat scroll 0 0;
}

.control {
    cursor: pointer;
    float: left;
}
.control div.btn {
    float: left;
}
.control div.btnPlay {
    background: rgba(0, 0, 0, 0) url("/assets/templates/uikit/radio/images/player.png") no-repeat scroll 0 0;
    height: 64px;
    margin-right: 0.5em;
    width: 64px;
}
.control div.paused {
    background: rgba(0, 0, 0, 0) url("/assets/templates/uikit/radio/images/player.png") no-repeat scroll 0 -64px;
    height: 64px;
    margin-right: 0.5em;
    width: 64px;
}
.control div.sound {
    background: rgba(0, 0, 0, 0) url("/assets/templates/uikit/radio/images/player.png") no-repeat scroll -64px 0;
    float: right;
    height: 32px;
    margin-right: 0.5em;
    margin-top: 1em;
    width: 34px;
}
.control div.muted {
    background: rgba(0, 0, 0, 0) url("/assets/templates/uikit/radio/images/player.png") no-repeat scroll -64px -32px;
    height: 32px;
    margin-right: 0.5em;
    margin-top: 1em;
    width: 34px;
}
.volume {
    border: 1px solid #333;
    border-radius: 2px;
    float: right;
    height: 2em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-top: 1.3em;
    padding: 1px;
    position: relative;
    width: 10em;
}
.volumeBar {
    background: #529300 !important;
    display: block;
    height: 100%;
    position: relative;
}
#volume_up {
    float: right;
}
#volume_down {
    float: left;
}
#volume_down, #volume_up {
    background: #529300 !important;
    
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin-top: 40px;
    /* min-height: 35px; */
    min-width: 35px;
    padding: 7px 10px 10px;
    text-align: center;
}
#volume {
    color: #5FA506;
    padding-top: 53px;
    text-align: center;
    width: 100%;
}
.volrotate {
    animation: 3s linear 0s normal none infinite running volrotate;
}
@keyframes volrotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.refresh, .stopper {
    border-radius: 5px;
    height: 25px;
    padding: 0;
    position: relative;
}
@keyframes volrotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
#brokenFake {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px dashed silver;
    border-radius: 5px;
    display: block;
    height: 23px;
    width: 382px;
}
#broken {
    display: none;
}
#broken, #broken2 {
    background: #f1f5f4 none repeat scroll 0 0;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
    width: 374px;
}

#broken {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #a3a3a3 #f93537;
    border-image: none;
    border-style: solid;
    border-width: 0 5px;
}
.cb {
    clear: both;
}
#chain, #chain2, .refresher {
    border-radius: 5px;
    padding: 0;
    position: relative;
}
#broken, #broken2, #brokenFake, .refresher, .stopper {
    margin-top: 10px;
}
#broken, #chain, .refresher {
    height: 25px;
}
#broken, #naverh, .cat_cities, .refresher, .stopper, a.letter, a.letter_bold {
    cursor: pointer;
}
.refresher div, .stopper div {
    color: #000;
    font-size: 11px;
}
.b_stream2 {
    float: left;
    padding: 5px;
}
.stopper {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f1f5f4 none repeat scroll 0 0;
    border-color: #a3a3a3 #fcc603;
    border-image: none;
    border-style: solid;
    border-width: 0 5px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
    float: left;
    left: 0;
    width: 374px;
}
#twoone {
    column-count: 3;
    list-style-type: disc;
}
#twoone li:nth-child(2n+1) {
    background-color: rgba(144, 144, 144, 0.275);
}