div#audio-jukebox {
	width: 425px;
	margin-top: 10px;
}

body.new div#audio-jukebox .text {
	background: #fff url('/images/lyonnette.png') repeat;  
}

div#audio-jukebox .header {
	color: #fff;
	background-color: #939393;
}

div#audio-jukebox .text {
	border: 1px solid #cbb877;
}

div#video-jukebox {
	max-width: 676px;
	margin: 10px;
}

div#video-jukebox-expand {
	width: 665px;
}

body.home #playlist {
	text-align: left;
	position: relative;
	height: 150px;
	overflow: hidden;
	width: 307px;
	border: 1px solid #ccc;
}

body.home #playlist .selection {
	background-color: #FFF;
}
body.browse #playlist .selection {
	background-color: #F5ECCE;
}

body.home #playlist .selection,
body.browse #playlist .selection,
body.playlist #playlist .selection,
body.profile #playlist .selection {
	margin: 3px;
}

body.home #playlist .song,
body.browse #playlist .song,
body.playlist #playlist .song,
body.profile #playlist .song {
	padding: 5px;
	width: 269px;
	cursor: pointer;
	min-height: 25px;
}

body.home #playlist .selection .album,
body.browse #playlist .selection .album {
	font-size: 10px;
	color: #717171;
}

body.home #playlist .selection .selected .album,
body.browse #playlist .selection .selected .album {
	color: #bdbdbd;
}

body.home #playlist .album-cover,
body.browse #playlist .album-cover {
	width: 31px;
	padding-right: 5px;
}

body.home #playlist .album-cover img,
body.browse #playlist .album-cover img {
	width: 25px;
}

body.home #playlist .info,
body.browse #playlist .info {
	width: 228px;
}

body.home #playlist .goto,
body.browse #playlist .goto,
body.playlist #playlist .goto,
body.profile #playlist .goto {
	padding: 5px;
	cursor: pointer;
	min-height: 25px;
	width: 30px;
	text-align: center;
}

body.home #playlist .song:hover,
body.home #playlist .goto:hover,
body.browse #playlist .goto:hover,
body.browse #playlist .song:hover,
body.playlist #playlist .song:hover,
body.playlist #playlist .goto:hover,
body.profile #playlist .song:hover,
body.profile #playlist .goto:hover  {
	background-color: #b8ae8b;
}

body.home #playlist .song.selected,
body.browse #playlist .song.selected,
body.playlist #playlist .song.selected,
body.profile #playlist .song.selected {
	background-color: #887D5A;
	color: #fff;
	font-weight: bold;
}

body.browse .scroller h2 {
	font-size: 11px;
}

body.home .Scroller-Container,
body.browse .Scroller-Container,
body.playlist .Scroller-Container,
body.profile .Scroller-Container {
  position: absolute;
  background-color: #fff;
}

body.home .Scrollbar-Track,
body.browse .Scrollbar-Track,
body.playlist .Scrollbar-Track,
body.profile .Scrollbar-Track {
  width: 9px; 
  height: 150px;
  position: relative;
  background-color: #CCC;
  left: 0;
}
body.home .Scrollbar-Handle,
body.browse .Scrollbar-Handle,
body.playlist .Scrollbar-Handle,
body.profile .Scrollbar-Handle {
  position: absolute;
  top: 0px; left: -1px;
  width: 10px; height: 30px;
  background-color: #999;
  border: 1px solid #fff;
  cursor: pointer;
}

body.home #player,
body.browse #player,
body.playlist #player,
body.profile #player {
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
}

body.home #volume-control,
body.browse #volume-control,
body.playlist #volume-control,
body.profile #volume-control {
	padding: 8px 0;
	font-family: monospace;
	position: relative;
	left: 45px;
	width: 314px;
}

body.playlist .tooltip,
body.browse .tooltip,
body.listen .tooltip,
body.search .tooltip,
body.home .tooltip,
body.profile .tooltip {
	position: absolute;
	display: none;
	width: 300px;
	height: auto;
	background-color:  #f3f3f3;
	border: 1px solid #ccc;
	padding: 10px;
	color: #333;
	font-size: 11px;
	z-index: 10;
	text-align: left;
}

body.bootstrap .audio-player,
body.bootstrap .video-player {
	margin: 10px 0;
	background-color: #b68585;
	border: 1px outset #999;
}

body.bootstrap .btn-success {
	background-color: #89b085;
}

div#control-panel {
	padding: 3px;
	border: 2px outset #e0d6ba;
	background-color: #fff3d3;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

div#control-panel a.community {
	padding: 0 3px;
	background-color: #f4790c;
	color: #fff;
	font-size: 16px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

div#control-panel a.mymusic {
	padding: 0 3px;
	background-color: #e8944a;
	color: #fff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

div#control-panel a.linkset1 {
	padding: 0 3px;
	background-color: #fff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

div#control-panel span.ptext {
	padding: 3px;
	background-color: #e6b372;
	color: #fff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

/* HTML5 <audio> CSS */
.audiojs {
	width: 316px;
	height: 26px;
	/*background: -moz-linear-gradient(center top , #bab770 0%, #dbd884 50%, #bab770 51%, #bab770 100%) repeat scroll 0 0 #c9c679;*/
}

body.home .audiojs,
body.browse .audiojs,
body.playlist .audiojs,
body.profile .audiojs {
	position: relative;
	margin: 0 auto;
}

.audiojs .scrubber {
	width: 175px;
	margin: 5px;
}

.audiojs .play-pause {
	padding: 0;
	height: 26px;
}

.audiojs .time {
	padding: 6px 0 0 6px;
	line-height: 1;
	height: 20px;
}
/* END - HTML5 <audio> CSS */

.myMarquee {
	width:316px; 
	height:26px; 
	overflow:hidden; 
	position:relative;
	border:1px solid #aaa; 
	margin:0 auto; 
	background:#ccc;
	cursor: pointer;
}

.myMarquee h2 {
	font-size: inherit;
	font-weight: bold;
	margin: 0;
	padding-top: 2px;
	margin-top: -10px;
}

.scroller {display:block; width:316px; height:20px; position:absolute; left:0; top:0;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-moz-animation-duration:10s;
-moz-animation-name: scroll;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-duration:10s;
-webkit-animation-name: scroll;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
-o-animation-duration:10s;
-o-animation-name: scroll;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration:10s;
animation-name: scroll;
}

@-moz-keyframes scroll {
0% {left:0;}
100% {left:-216px;}
}

@-webkit-keyframes scroll {
0% {left:0;}
100% {left:-216px;}
}

@-o-keyframes scroll {
0% {left:0;}
100% {left:-216px;}
}

@keyframes scroll {
0% {left:0;}
100% {left:-216px;}
}

.scroller:hover {
 -moz-animation-play-state: paused;
 -webkit-animation-play-state: paused;
 -o-animation-play-state: paused;
 animation-play-state: paused;
 }

body.home #scroller,
body.browse #scroller,
body.playlist #scroller,
body.profile #scroller,
body.playlist #homepage,
body.profile #homepage {
	margin: 0 auto;
	position: relative;
	width: 316px;
}

 /* Visualizer */

body.listen #visualizer img,
body.home #visualizer img,
body.browse #visualizer img,
body.playlist #visualizer img,
body.profile #visualizer img {
	width: 316px;
}

body.listen #visualizer #bars,
body.home #visualizer #bars,
body.browse #visualizer #bars,
body.playlist #visualizer #bars,
body.profile #visualizer #bars {
	position: absolute;
	display: none;
	z-index: 1;
	margin-top: -38px;
}

body.listen #visualizer .bar,
body.home #visualizer .bar,
body.browse #visualizer .bar,
body.playlist #visualizer .bar,
body.profile #visualizer .bar {
	height: 30px;
	width: 8px;
	background-color:rgba(255, 204, 153, 0.60);
	margin: 3px;
	position: relative;
	border: 1px solid #ffcc66;
}

#panel img,
#vid-panel img {
	border: 0;
	margin-top: -7px;
}

body.home #panel,
body.browse #panel,
body.playlist #panel,
body.profile #panel {
	width: 316px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 25px;
	background-color: #dfdfdf;
	margin: 0 auto;
	position: relative;
	text-align: left;
	padding-top: 4px;
}

body.home #panel #previous,
body.browse #panel #previous,
body.playlist #panel #previous,
body.profile #panel #previous,
body.home #vid-panel #vid-previous,
body.playlist #vid-panel #vid-previous,
body.profile #vid-panel #vid-previous {
	position: relative;
	top: 2px;
	left: 7px;
}

body.home #panel #next,
body.browse #panel #next,
body.playlist #panel #next,
body.profile #panel #next,
body.home #vid-panel #vid-next,
body.playlist #vid-panel #vid-next,
body.profile #vid-panel #vid-next {
	position: relative;
	top: 2px;
	left: 10px;
}

body.home #panel #refresh,
body.browse #panel #refresh,
body.playlist #panel #refresh,
body.profile #panel #refresh,
body.home #vid-panel #vid-refresh,
body.home #vid-panel #vid-goto,
body.playlist #vid-panel #vid-goto,
body.profile #vid-panel #vid-goto {
	padding: 0 4px;
	cursor: pointer;
}

body.browse #panel #refresh:hover,
body.playlist #panel #refresh:hover,
body.profile #panel #refrresh:hover,
body.home #panel #refresh:hover,
body.home #vid-panel #vid-refresh:hover,
body.home #vid-panel #vid-goto:hover,
body.playlist #vid-panel #vid-goto:hover,
body.profile #vid-panel #vid-goto:hover {
	background-color: #303030;
	color: #fff;
}

body.home #panel a,
body.browse #panel a,
body.playlist #panel a,
body.profile #panel a,
body.home #vid-panel a,
body.playlist #vid-panel a,
body.profile #vid-panel a {
	text-decoration: none;
	color: #303030;
}

body.home #panel .word:hover,
body.browse #panel .word:hover,
body.playlist #panel .word:hover,
body.profile #panel .word:hover,
body.home #vid-panel .word:hover,
body.playlist #vid-panel .word:hover,
body.profile #vid-panel .word:hover {
	text-decoration: underline;
}

body.home #panel .word,
body.home #panel .word2,
body.browse #panel .word,
body.browse #panel .word2,
body.playlist #panel .word,
body.playlist #panel .word2,
body.profile #panel .word,
body.profile #panel .word2,
body.home #vid-panel .word,
body.home #vid-panel .word2,
body.playlist #vid-panel .word,
body.playlist #vid-panel .word2,
body.profile #vid-panel .word,
body.profile #vid-panel .word2 {
	position: relative;
	top: -3px;
	color: #303030;
}

body.home #playlist,
body.browse #playlist,
body.playlist #playlist,
body.profile #playlist {
	text-align: left;
	position: relative;
	height: 150px;
	overflow: hidden;
	width: 307px;
	border: 1px solid #ccc;
}

body.home #vid-panel,
body.playlist #vid-panel,
body.profile #vid-panel {
	max-width: 675px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	height: 27px;
	background-color: #dfdfdf;
	position: relative;
	text-align: left;
	padding-top: 4px;
}

body.playlist #vid-panel,
body.profile #vid-panel {
	width: 400px;
}