/* RADIO */
/*pos on page*/
#top_menu_radio {
     height:31px;
    display:inline-block;
    margin: -2px 10px -3px -2px; /*otherwise it is padded for some reason... */
    width:354;
    /*background-image: url(/img/template/top_menu/top_menu_radio_bg.png);*/
    float:right;
}
#top_playlist {
    float:right;
    margin-top: 10px;
    margin-right: 12px;
    width: 350px;
    border:1px solid;
    height:100px;
    overflow: auto;
}

div#radio { 
    background: transparent;
    float:right;
}
div#radio div {
/*    padding: 0px;
    margin: 0px;*/
}
div#radio_control {
    width: 350px;
    background: #dddcd9 url(/img/bg_rechts_radio.jpg) top left repeat-x;
    border: 1px solid #ccc;
    margin: 0px;
}
#radio_control ul#player_controls {
    height: 25px;
    list-style-type:none;
    padding:0;
    margin: 0;
    margin-left: 8px;
}
#radio_control ul#player_controls div {
    float: left;
    padding: 2px;
    margin: 3px;
    overflow:hidden;
    /*text-indent:-9999px;*/
    height: 15px;
    /*width: 15px;*/
}
#player_trackname{ /*alx needs to come after ul#player_controls li */
    float:left;
    margin-top: 10px;
    width:220px;
    background: green;
    background: url(/img/player/trackname_bg.png)  no-repeat;
    color:white;
    font-size:10px;
    text-indent:4px;
    border: 1px solid;
}
#radio_playlist {
    /*position: absolute;*/
    /*width: 258px;*/
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    margin: 0px;
}
#radio_playlist ul {
    margin: 0px;
    list-style-type:none;
    padding-left: 10px;
    padding-right: 10px;
}
#radio_playlist li {
    float: left;
    padding: 3px;
    cursor: pointer;
    font-size: 8pt;
    border-bottom: 1px solid #eee;
}
#radio_playlist li div { font-size: 7pt; }
#radio_playlist div.title {
    float: left;
    width: 310px;
}
#radio_playlist div.band {
    float: left;
    font-size: 7pt;
    width: 285px;
}
#radio_playlist div.laufzeit {
    float: left;
    font-size: 7pt;
    width: 25px;
    text-align: right;
}
#radio_playlist li.border { border-bottom: 1px solid #eee; }
#radio_playlist li.playlist_current {
    color:#dc002e;
    cursor: default;
}
#radio_playlist li.playlist_hover { color:#2D772A; }
#player_prev, #player_play, #player_next, #player_pause, #player_stop, #player_list, #player_spinner {
    display: block;
    width:22px;
    height:22px;
    cursor: pointer;
    text-indent:-999px; 
}
#player_prev { background: url("/img/player/prev_0.png") 0 0 no-repeat; }
#player_prev.radio_control_hover { background: url("/img/player/prev_1.png") 0 0 no-repeat; }
#player_play { background: url("/img/player/play_0.png") 0 0 no-repeat; }
#player_play.radio_control_hover { background: url("/img/player/play_1.png") 0 0 no-repeat; }
#player_next { background: url("/img/player/next_0.png") 0 0 no-repeat; }
#player_next.radio_control_hover { background: url("/img/player/next_1.png") 0 0 no-repeat; }
#player_pause { background: url("/img/player/pause_0.png") 0 0 no-repeat; }
#player_pause.radio_control_hover { background: url("/img/player/pause_1.png") 0 0 no-repeat; }
#player_stop {
    background: url("/img/player/stop_0.png") 0 0 no-repeat;
    cursor: pointer;
}
#player_stop.radio_control_hover { background: url("/img/player/stop_1.png") 0 0 no-repeat; }
#player_spinner {
    border: 1px solid;
}
#radio_control ul#player_controls li#player_list {
    width: 60px;
    background: url("/img/player/playlist_0.png") 0 0 no-repeat;
    float:right;
}
#radio_control ul#player_controls li#player_list.radio_control_hover { background: url("/img/player/playlist_1.png") 0 0 no-repeat; }
#song_title {
    float:left;
    font-weight:bold;
}
#play_time, #total_time {
    padding-top:.3em;
    font-weight:normal;
    font-style:oblique;
}
#play_time { float:left; }
#total_time {
    float:right;
    text-align: right;
}