/**********/
/* LAYOUT */
/**********/

#player{
  width: 322px;
  padding: 5px 5px 2px 5px;
  margin: 0px 0px 10px 0px;
  display: block;
  float: left;
  background: url(../images/radio_bg.jpg) #e4e4e4; /**/
  border: 2px solid #04A3E6;
  opacity: 1;
}

#player .radio-hr{
  width: 320px;
  height: 5px;
  display: block;
  float: left;
  background: #d7d7d7;
}

#player .player{
  width: 316px;
  height: 226px;
  padding: 0px 0px 0px 0px;
  margin: 3px 3px 0px 3px;
  display: block;
  float: none;
  text-align: center;
}
#player .player #radio-container_wrapper {
  float: left;
}
#player .control-panel {
  width: 322px;
  height: 100px;
  margin: 5px 0;
  display: block;
  float: left;
}
#player .currently-played {
  width: 322px;
  height: 35px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  overflow: hidden;
}
#player .currently-played p {
  font-size:14px;
  font-weight: bold;
  padding: 3px;
}
#player .song-viral {
  margin: 3px 0px 3px 0px;
  float: left;
}
#player .download {
  width: 120px;
  padding: 0px 0px;
  margin: 3px 0px 3px 0px;
  display: block;
  float: right;
  background: url(../images/radio-download-bg.png) no-repeat;
}
#player .download .obrazok {
  padding: 2px 0px 0px 3px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  width: 20px;
  height: 19px;
}
#player .download .text {
  width: 85px;
  padding: 3px 10px 2px 2px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  font-size:12px;
  font-weight: bold;
  text-align: center;
  color: white;
}
#player .playlist .header {
  width: 308px;
  padding: 5px 5px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}
#player .playlist .header h2 {
  font-size:14px;
  color: #0884F6;
  margin: 0px;
  text-transform: uppercase;
  text-align: center;
}
#player #playlist-options {
    display: block;
    float: left;
    height: 48px;
    padding: 3px 0 3px 80px;
    width: 240px;
}
#player #playlist-options .load-playlist,
#player #playlist-options .save-playlist,
#player #playlist-options .clear-playlist {
    display: block;
    float: left;
    height: 48px;
    width: 46px;
	margin: 0 10px 0 0;
	background: red;
}
#player #playlist-options .load-playlist {
  background: url(../images/load-playlist.png) no-repeat;
}
#player #playlist-options .save-playlist {
  background: url(../images/save-playlist.png) no-repeat;
}
#player #playlist-options .clear-playlist {
  background: url(../images/clear-playlist.png) no-repeat;
}
#player #playlist-options .load-playlist:hover,
#player #playlist-options .save-playlist:hover {
  background-position: 0 -48px;
}
#player #playlist-options .clear-playlist:hover {
  background-position: 0 -49px;
}

#player .playlist #playlist-options .repeat {
  text-align: left;
  color: white;
  font-weight: bold;
  padding: 3px 1px;
  display: block;
  float: left;
  font-size: 12px;
  width:165px;
  cursor:pointer;

}
#player .playlist .add-songs,
#player .rewind,
#player #additional-options {
  width: 322px;
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}
#player #additional-options {
  background: #FFFFCC;
}

#player .add-songs a,
#player #additional-options a {
  width: 128px;
  text-align: left;
  color: white;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  border: 1px solid black;
}
#player .add-songs a:hover,
#player #additional-options a:hover {
  border: 1px solid silver;
  text-decoration: none;
  color: black;
}
#player .add-songs .yesterday {
  background: url(../images/add-yesterday-white.png) no-repeat;
  padding: 3px 3px 3px 28px;
}
#player .add-songs .yesterday:hover {
  background: white url(../images/add-yesterday-black.png) no-repeat;
}
#player .add-songs .today {
  background: url(../images/add-today-white.png) no-repeat;
  text-align: right;
  padding: 3px 28px 3px 3px;
}
#player .add-songs .today:hover {
  background: white url(../images/add-today-black.png) no-repeat;
}
#player .rewind .previous {
  background: url(../images/previous.png) no-repeat;
  width: 71px;
  height: 71px;
  display: block;
  float: left;
}
#player .rewind .next {
  background: url(../images/next.png) no-repeat;
  width: 71px;
  height: 71px;
  display: block;
  float: left;
}
#player .rewind .repeat,
#player .rewind .random {
  width: 44px;
  height: 45px;
  display: block;
  float: left;
  margin: 27px 0px 0px 0px;
}
#player .rewind .repeat {
  background: url(../images/repeat.png) no-repeat;
}
#player .rewind .random {
  background: url(../images/random.png) no-repeat;
}
#player .rewind .active{
  background-position: 0px -45px;
}
#player .rewind .play-pause {
  background: url(../images/play-pause.png) no-repeat;
  width: 92px;
  height: 92px;
  display: block;
  float: left;
  margin: 8px 0px 0px 0px;
}
#player .rewind .pause{
  background-position: 0px -93px;
}
#player #additional-options .clear-playlist{
  background: red url(../images/clear-playlist-white.png) no-repeat;
  padding: 3px 3px 3px 28px;
  border: 1px solid red;
}
#player #additional-options .clear-playlist:hover{
  background: white url(../images/clear-playlist-black.png) no-repeat;
}
#player #additional-options .last-played,
#player #additional-options .save-playlist {
  background: green url(../images/last-played-white.png) no-repeat;
  text-align: right;
  padding: 3px 28px 3px 3px;
  border: 1px solid green;
}
#player #additional-options .last-played:hover,
#player #additional-options .save-playlist:hover {
  background: white url(../images/last-played-black.png) no-repeat;
}


#player #additional-options .load-playlist {
  background: blue url(../images/clear-playlist-white.png) no-repeat;
  padding: 3px 3px 3px 28px;
  border: 1px solid blue;
  width:301px;
}

#player #additional-options .load-playlist:hover {
  background: white url(../images/clear-playlist-black.png) no-repeat;
}

#player #song-list {
  width: 322px; 
  max-height: 400px;
  padding: 5px 0px;
  display: block;
  float: left;
  overflow:auto;
}
#player .playlist .song {
  width: 306px; 
  text-align: left;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
}
#player .playlist .song.active,
#player .playlist .song:hover {
  background: url(../images/playlist-song-hover.png) repeat-y;
  color: darkblue;
}
#player .playlist .song .name .name-link {
  width: 222px;
  text-align: left;
  padding: 5px 5px 5px 5px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  white-space:nowrap;
}
#player .playlist .song .detail {
  width: 42px;
  text-align: left;
  padding: 5px 5px 5px 5px;
  margin: 0px 0px 0px 0px;
  display: block;
  float: left;
  font-size: 12px;
}
#player .playlist .song .detail a {
  font-weight: bold;
}
#player .playlist .song .remove-link {
  width: 18px;
  height: 18px;
  display: block;
  float: left;
  margin: 4px 0 0 0;
  background: url(../images/delete-item.png) no-repeat;
}
#player .playlist .song .remove-link:hover {
  background-position: 0 -18px;
}