.musicbutton {
 float:  left; 
 width:  40px; 
 height: 40px;
 margin-left: 10px;
 cursor: pointer;
} 

.playbutton {
 cursor: pointer;
 float:  left; 
 width:  40px; 
 height: 40px;
 margin-left: 10px;
 background-image: url('../images/music_play.png');
 opacity: 0.7;
} 

.pausebutton {
 cursor: pointer;
 float:  left; 
 width:  40px; 
 height: 40px;
 margin-left: 10px;
 background-image: url('../images/music_pause.png');
 opacity: 0.7;
} 

.pausebutton:hover, .playbutton {
 opacity: 1;
}



/*
#playbutton {
 background-image: url('../images/music_play.png');
 opacity: 0.7;
}*/

.stopbutton {
 background-image: url('../images/music_stop.png');
 opacity: 0.7;
}

.nextbutton {
 background-image: url('../images/music_next.png');
 opacity: 0.7;
}

.overnextbutton {
 background-image: url('../images/music_overnext.png');
 opacity: 0.7;
}
/*
#pausebutton {
 background-image: url('../images/music_pause.png');
 opacity: 0.7;
}*/

#infobutton {
 background-image: url('../images/info.png');
 opacity: 0.7;
}
/*
#playbutton:hover {
 background-image: url('../images/music_play.png');
 
 opacity: 1;
}*/

.stopbutton:hover {
 /*background-image: url('../images/music_stop.png');
 cursor: pointer;*/
 opacity: 1;
}

.nextbutton:hover {
 /*background-image: url('../images/music_next.png');
 cursor: pointer;*/
 opacity: 1;
}

#infobutton:hover {
 /*background-image: url('../images/info.png');
 cursor: pointer;*/
 opacity: 1;
}

.overnextbutton:hover {
 /*background-image: url('../images/music_overnext.png');
 cursor: pointer;*/
 opacity: 1;
}
/*
#pausebutton:hover {
 background-image: url('../images/music_pause.png');
 cursor: pointer;
 opacity: 1;
}*/

.exitfullscreen {
 background-image: url('../images/exit_fullscreen.png');
 cursor: pointer;
 opacity: 0.7;
}

.exitfullscreen:hover { 
 opacity: 1;
}

/*
.login_button {
 background-image: url('../images/login.png');
 width: 20px;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
 opacity: 0.7;
}*/
/*
login_button:hover {
	opacity: 1;
}*/

/*
.logout_button {
 background-image: url('../images/logout.png');
 width: 20px;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
 opacity: 0.7;
}*/
/*
.logout_button:hover {
	opacity: 1;
}*/
/*
.list_button {
 background-image: url('../images/list_button.png');
 width: 20px;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
}*/
/*
.user_button {
 background-image: url('../images/list_button.png');
 width: 20px;
 opacity: 0.7;;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
}*/

/*
.user_button:hover {
 background-image: url('../images/list_button.png');
 width: 20px;
 opacity: 1;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
}*/


.load_playlist_button {
 background-image: url('../images/load_playlist.png');
 width: 20px;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
 opacity: 0.7;
}

.load_playlist_button:hover {
 opacity: 1;
}

.save_playlist_button {
 background-image: url('../images/save_playlist.png');
 width: 20px;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
 opacity: 0.7;
}

.save_playlist_button:hover {
 opacity: 1;
}
/*
.delete_playlist_button {
 background-image: url('../images/delete_playlist.png');
 width: 20px;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
}*/

.clear_playlist_button {
 background-image: url('../images/clear_playlist.png');
 width: 20px;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
 opacity: 0.7;
}

.clear_playlist_button:hover {
 opacity: 1;
}





.shuffle_button {
 background-image: url('../images/shuffle.png');
 width: 20px;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
 opacity: 0.7;
}

.noshuffle_button {
 background-image: url('../images/noshuffle.png');
 width: 20px;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
 opacity: 0.7;
}

.shuffle_button:hover {
 opacity: 1;
}

.noshuffle_button:hover {
 opacity: 1;
}


.youtube_button {
 background-image: url('../images/youtube.png');
 width: 20px;
 height: 20px;
 float: left;
 margin-top: 3px;
 margin-right: 5px;
/* cursor: pointer;*/
/* margin-left: 10px;*/
 /*opacity: 0.7;*/
}

.youtube_button:hover {
 opacity: 1;
}

.fading_off {
	background-image: url('../images/blacklight.png');
	width: 15px;
	height: 15px;
}

.fading_on {
	background-image: url('../images/bluelight.png');
	width: 15px;
	height: 15px;
}


.sort_playlist_button {
 background-image: url('../images/abc.png');
 width: 20px;
 height: 20px;
 cursor: pointer;
 margin-left: 10px;
 opacity: 0.7;
}

.sort_playlist_button:hover {
	opacity: 1;
}


.volumesymbol {
	background-image: url('../images/volume.png');
	width: 40px;
	height: 40px;
	opacity: 0.4;
	cursor: pointer;
}

.volumesymbol:hover {
	opacity: 1;
}

.volumesymbolmute {
	background-image: url('../images/volume_mute.png');
	width: 40px;
	height: 40px;
	opacity: 0.4;
	cursor: pointer;
}

.volumesymbolmute:hover {
	opacity: 1;
}

.opacitysymbol {
 background-image: url('../images/opacity.png');
 width: 40px;
 height: 40px;
 margin-top: 10px;
 opacity: 0.4;
}

.opacitysymbol:hover {
	opacity: 1;
}

.inputfield {
  padding-left: 1px;
  border-style: solid;
  border-color: #555;
  border-width: 3px;
  font-family: helvetica, arial, sans serif;
  padding-left: 1px;
  font-size: 20px;
  background-color: #aaa;
  color: grey;
  height: 25px;

  -moz-border-radius: 5px; /* firefox */
  border-radius: 5px; /* wc3 */
}

.inputfield:focus {
   border-color: white;/*#000099;*/ /*darkblue*/
}


.playertitle {
  font-family: 'IM Fell English SC', arial, serif;
}

.instantsearchquery {
  float: left;
 /* width: 200px;*/
 /* border: 1px solid white;*/
  padding-left: 1px;
  font-family: 'Reenie Beanie', arial, serif; 
  height: 35px;
  margin-left: 10px;
  font-size: 25px;
  font-weight: bold;
 /* margin-top: 5px;*/ 
  width: 255px;
  overflow: hidden;
  color: white;
}



/* Volume button */


#slide_bg {
    position: relative;
    background: url(bg-v.gif) 12px 0 no-repeat;
    height: 228px;
    width: 48px; 
}

#slide_thumb {
    cursor: default;
    position: absolute;
    top: 200px;  /* To initialize the slide thumb at the bottom */
}

#ul2 div .innerframecompact {  /* display in playlist */
    display: block;
}

#ul2 div .innerframe {
    display: none;
}

#ul1 div .innerframecompact {
    display: none;
}

#ul1 div .innerframe {
    display: block;
}

#ul2 .trackentry {
   height: 18px;  /* drag area */   
}

#ul1 .trackentry { 
   height: 66px;  /* drag area */
}

#ul1 .trackentry_current { 
   height: 66px;  /* drag area */
}

#ul1 .trackentry_next { 
   height: 66px;  /* drag area */
}


.trackentry_titlediv {
    padding-left: 10px; 
	padding-top: 2px; 
	width: 250px; 
	float: left;
	color: #dddddd;
	height: 15px;
	overflow: hidden;
}

.resultlist_trackentry_titlediv {
    padding-left: 10px; 
	padding-top: 2px; 
	width: 210px; 
	float: left;
	color: #dddddd;
	height: 15px;
	overflow: hidden;
}


.trackentry_current .trackentry_titlediv
{
    color: #00ff00;
}

#ul2 .trackentry_current 
{
      height: 18px;  /* drag area */
}

.trackentry_next .trackentry_titlediv 
{
    color: yellow;
}

#ul2 .trackentry {
   height: 18px;  /* drag area */
}

#ul2 .trackentry_current 
{
      height: 18px;  /* drag area */
}

#ul2 .trackentry_next 
{
      height: 18px;  /* drag area */
}

.innerframecompact {
 background-color: #111111;
 cursor: pointer;
}

.innerframecompact:hover {
  background-color: #333333;
}

.innerframe {
 /*background-color: #111111;*/
 background-image: url('../images/back_s.png');
 cursor: pointer;
}

.innerframe:hover {
  /*background-color: #333333;*/
  background-image: url('../images/back_s_h.png');
}


/*
div[hover=true] .innerframecompact {
  background-color: #333333;
}

div[hover=true] .innerframe {
  background-color: #222222;
}

div[hover=false] .innerframecompact {
  background-color: #111111;
}

div[hover=false] .innerframe {
  background-color: #111111;
}*/


.innerframecompact:hover .deleteicon {
  float: right;
  height: 16px;
  width: 16px;
  background-image: url('../images/delete.png');
  cursor: pointer;
  margin-right: 10px;
}

.innerframecompact:hover .editicon {
  float: right;
  height: 16px;
  width: 16px;
  background-image: url('../images/edit.png');
  cursor: pointer;
  margin-right: 5px;
}

#deletesymbol {
  height: 24px;
  width: 24px;
  float: left;
  cursor: pointer;
  margin-left: 10px;
  margin-top: 5px;
  background-image: url('../images/delete_24x24.png');
  opacity: 0.1;
}

.livequery {
  height: 24px;
  width: 24px;
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  background-image: url('../images/live_query.png');
  cursor: pointer;
  opacity: 0.2;
}

.nolivequery {
  height: 24px;
  width: 24px;
  float: left;
  margin-left: 5px;
  cursor: pointer;
  margin-top: 5px;
  background-image: url('../images/no_live_query.png');
  opacity: 0.2;
}

/*
#deletesymbol:hover { 
  cursor: pointer;
  opacity: 1;  
}*/



/*
div[id^=li_trackQueue_] {
   background-color: blue;
   height: 16px;
}

div[id^=li_trackQueue_] div {
   height: 17px;
}*/


.fullscreenbutton {
  width: 40px;
  height: 40px;
 /* border: 1px solid grey; */
  /*margin-left: 5px;*/
  /*margin-top: 20px;*/
  /*float: left;*/
  opacity: 0.4;
  background-image: url('../images/fullscreen.png');
}

.fullscreenbutton:hover {
/*  width: 40px;
  height: 40px;*/
/*  margin-left: 5px;
  margin-top: 20px;*/
 /* float: left;*/
  opacity: 1;
  cursor: pointer;
 /* background-image: url('../images/fullscreen.png');*/
}

#fullscreenmenu {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 50px;
  display: none;
  /*cursor: pointer;*/
  z-index: 999999;
  background-color: black;
  color: #999999;
  
}

#fullscreenmenu_content {
	opacity: 0.15;
	width: 100%;
	height: 50px;
}

#fullscreenmenu_content:hover {
	opacity: 1;
}

.fullscreen_text {
	font-family: 'Just Me Again Down Here', arial, serif;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	font-weight: bold;
	font-size: 30px;
	max-height: 50px;
	overflow: hidden;
	margin-top: -10px;
	margin-left: 30px;
}


#leftplayer {
  position: absolute;  
 /* width: 390px;
  height: 223px;*/
}

#rightplayer {
  position: absolute;  
 /* width: 390px;
  height: 223px; */
}


.playerborder {
  /*background-image: url('background.png');*/
  background-color: black; 
  opacity: 0.5;
}

.outerplayerborder {
  /*background-image: url('background.png');*/
  /*background-color: black; */
  /*opacity: 0.5;*/
}



/* Slider Mootools */

div.slider {
	width: 1160px;
	height: 16px;
	background: #eee;
}
div.slider div.knob {
	background: #000;
	width: 16px;
	height: 16px;
}
div#fontSize {
	height: 50px;
}

div.advanced {
	width: 1160px;
	margin: 5px 0;
	background: url(../images/slider.png) 0 center repeat-x;
}
div.advanced div.knob {
	background: no-repeat center center;
	cursor: pointer;
}

div#slider div.knob {
	background-image: url(../images/green.png);
}


.leftslider {
	margin-left:15px;
	width: 380px; 
	float: left;
}

.rightslider {
	margin-left:465px;
	width: 380px; 
	float: left;
}


/* status lights */

.greenlight {
  width: 15px;
  height: 15px;
  background-image: url('../images/greenlight.png');
  float: left;
  margin-left: 20px;
  margin-top: 2px;
}

.yellowlight {
  width: 15px;
  float: left;
  height: 15px;
  background-image: url('../images/yellowlight.png');
   margin-left: 20px;
   margin-top: 2px;
}

/* popup */

/*body {
  background:  #F1FFCA  none repeat scroll 0 0;
  color: #333333;
  font-size: 12px;
  line-height: 18px;
  margin: 20px;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;}*/
/*a { 
  color: #377605;
  font-size:14px;
}
a:hover{ 
  color:  #FF7200; 
  font-size:14px; 
}*/
 
/* body, h1, h2, p, a {
   font-family: Arial, Helvetica, sans-serif;
  }*/
/*b,strong {
  font-weight:bold;
  color:#000;
  }*/
 #header {
   border-bottom:1px dotted #000000;margin:0 0 20px;padding:20px 0;
}#header h1 {font-size:36px;margin:0;}#header h4 {font-weight:normal;margin:7px 0 0;}
#header h4 a {text-decoration:none;}
/*
h1, h2, h3, h4, h5, h6 {
  font-family:"Trebuchet MS", Verdana,Arial,Helvetica,sans-serif;
  font-weight:normal;
 }*/

 #alert-Box {  
 padding-bottom: 24px;  background: url('../images/popup/bg-box-bottom.png') bottom left no-repeat !important;
  background: url('../images/popup/bg-box-bottom.gif') bottom left no-repeat;
}#alert-InBox {  padding-top: 15px;  background: url('../images/popup/bg-box-top.png') top left no-repeat !important;	
  background: url('../images/popup/bg-box-top.gif') top left no-repeat;	
}#alert-BoxContent {  background: url('../images/popup/bg-box-body.png') top left repeat-y !important;
  background: url('../images/popup/bg-box-body.gif') top left repeat-y;
  padding: 0px 20px;}#alert-BoxContenedor {  padding: 0px 0px 5px 55px;  text-align: left;  font-family:Verdana;  font-size:12px;  color:#000;
}#alert-BoxContenedor h1,#alert-BoxContenedor h2,#alert-BoxContenedor h3,#alert-BoxContenedor b,#alert-BoxContenedor strong{
  text-align: left;  font-family:Verdana;  font-size:12px;  color:#000;  font-weight:bold;  margin:0px;  padding:0px;}
#alert-Buttons{  text-align:right;}#alert-Buttons input {  margin: 10px 10px;}
#alert-BoxContenedor #BoxPromptInput{  margin-top:5px;}#alert-Box .BoxAlert {  background: url('../images/popup/dialog-warning.png') top left no-repeat;
}#alert-Box .BoxConfirm {  background: url('../images/popup/delete.gif') top left no-repeat;
}#alert-Box .BoxPrompt {  background: url('../images/popup/dialog-help.png') top left no-repeat;
}#alert-Box .BoxInfo {  background: url('../images/popup/info.gif') top left no-repeat;
}#alert-Box .BoxError {  background: url('../images/popup/dialog-error.png') top left no-repeat;}

/* popup end*/





/* Tooltip jQuery Tools*/

.tooltip {
	display: none;
	background: transparent url('../images/tooltip/black_arrow.png');
	font-size: 12px;
	height: 70px;
	width: 160px;
	padding: 25px;
	color: #fff;
}

.tooltip_small {
	border:1px solid #fff;	
	text-align:left;
	display: none;
	background-color: black;
	font-size:12px;
	font-weight: normal;
	font-family: arial,serif;
	height:16px;
	/*width:160px;*/
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	opacity: 0.85;
	color:#fff;	
	z-index: 120;
	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;

}

/* Display Time */

.time_0 {
	width: 16px;
	height: 21px;
	background-image: url('../images/time/c0.png');
	float: left;
}

.time_1 {
	width: 16px;
	height: 21px;
	background-image: url('../images/time/c1.png');
	float: left;
}

.time_2 {
	width: 16px;
	height: 21px;
	background-image: url('../images/time/c2.png');
	float: left;
}

.time_3 {
	width: 16px;
	height: 21px;
	background-image: url('../images/time/c3.png');
	float: left;
}

.time_4 {
	width: 16px;
	height: 21px;
	background-image: url('../images/time/c4.png');
	float: left;
}

.time_5 {
	width: 16px;
	height: 21px;
	background-image: url('../images/time/c5.png');
	float: left;
}

.time_6 {
	width: 16px;
	height: 21px;
	background-image: url('../images/time/c6.png');
	float: left;
}

.time_7 {
	width: 16px;
	height: 21px;
	background-image: url('../images/time/c7.png');
	float: left;
}

.time_8 {
	width: 16px;
	height: 21px;
	background-image: url('../images/time/c8.png');
	float: left;
}

.time_9 {
	width: 16px;
	height: 21px;
	background-image: url('../images/time/c9.png');
	float: left;
}

.time_colon {
	width: 9px;
	height: 21px;
	background-image: url('../images/time/colon.png');
	float: left;
}

.time_slash {
	width: 9px;
	height: 21px;
	background-image: url('../images/time/slash.png');
	float: left;
}

/* jQuery BlockUI Growl */

div.growlUIok { 
	background: url('../images/ok_80x80.png') no-repeat;
	background-color: #bbb;
	/*border: 1px solid grey;*/
	width: 400px;
	height: 80px;
}

div.growlUIerror { 
	background: url('../images/error_80x80.png') no-repeat;
	background-color: #bbb;
	/*border: 1px solid grey;*/
	width: 400px;
	height: 80px;
}

.growlcontent {
	color: black; 
	padding: 5px 5px 5px 85px; 
	text-align: left;
	font-size: 14px;
/*	font-weight: bold; */
}



/* loadplaylist menu */
.menuentry {

	background: -moz-linear-gradient(center bottom , #BDBDBD 39%, #E0E0E0 70%) repeat scroll 0 0 transparent;            /* firefox */
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.39, #BDBDBD), color-stop(0.7, #E0E0E0) );  /* webkit */

	border: 1px solid #444444;
	padding: 5px; 
	width: 90%; 
	cursor: pointer;
	text-shadow: 1px 1px 1px #FFFFFF;
	-moz-border-radius: 10px 10px 10px 10px;		/* firefox */
	-webkit-border-radius: 10px 10px 10px 10px;		/* webkit */
	font-weight: bold;
	color: black;
	padding: 5px 3px 5px 20px;

}

.menuentry:hover {
	color: #F0F0F0;
	background: -moz-linear-gradient(center bottom , #555555 39%, #696969 70%) repeat scroll 0 0 transparent;            /* firefox */
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0.39, #555), color-stop(0.7, dimGray) );    /* webkit */
	text-shadow: 1px 1px 1px #000000;
}


#backgroundwall {
	width: 100%;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, rgb(16,10,36)), color-stop(0.68, rgb(99,10,168)), color-stop(0.97, rgb(8,5,77)));
	background-image: -moz-linear-gradient(center bottom, rgb(16,10,36) 13%, rgb(99,10,168) 68%, rgb(8,5,77) 97%);

}

.menubutton {
    background: -moz-linear-gradient(center top , #666666, #000000) repeat scroll 0 0 transparent;  /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(black));            /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='#666'); /* microsoft */

    border: 1px solid #333333;
    color: #D7D7D7;
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;

	border-top-left-radius: 0.5em 0.5em; /* wc3 */
	border-top-right-radius: 0.5em 0.5em;
	border-bottom-right-radius: 0.5em 0.5em;
	border-bottom-left-radius: 0.5em 0.5em;


    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    margin: 0 2px;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
}

.menubutton:hover {
	background: -moz-linear-gradient(center top , #333333, #000000) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(black));            /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='#333'); /* microsoft */
}



.menudeleteicon {
  float: right;
  height: 16px;
  width: 16px;
  background-image: url('../images/delete.png');
  cursor: pointer;
  margin-right: 20px;
}

/* player background css3 

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.08, rgb(20,20,20)),
    color-stop(0.25, rgb(41,40,41)),
    color-stop(0.81, rgb(66,65,66)),
    color-stop(0.92, rgb(81,81,82)),
    color-stop(1, rgb(135,132,135))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(20,20,20) 8%,
    rgb(41,40,41) 25%,
    rgb(66,65,66) 81%,
    rgb(81,81,82) 92%,
    rgb(135,132,135) 100%
);

*/

#playername {
  font-family: 'Luckiest Guy', serif;
  font-size: 25px;
  line-height: 35px;
  margin-left: 30px;
  text-shadow: 2px 2px 2px #444;
  cursor: pointer;
 /* margin-top: 5px;*/
 /* width: 200px;*/
  opacity: 0.2;
}

.glass {
   /*width: 100px;   Saugeiler Glaseffekt/ Leider auch sehr ressourcenhungrig
   height: 100px;
   margin: 10px;
   padding: 0;*/
   border: 1px solid rgba(0,0,0,0.5);
   border-radius: 10px 10px 2px 2px;
   background: rgba(0,0,0,0.25);
   box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -o-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}


#debugwindow {
	max-width: 1000px;
	max-height: 300px;
	overflow: scroll;
	color: black;
	background-color: white;
}

.debugmessage {
	border: 1px dashed red;
	padding: 5px;
}

.fadingvolume {
	width: 11px;
	float: left;
	height: 90px;
	border: 1px solid #333;
	margin-left: 8px;
	background-color: green;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.04, rgb(85,227,50)), color-stop(1, rgb(208,250,218)));
	background-image: -moz-linear-gradient(center bottom, rgb(85,227,50) 4%, rgb(208,250,218) 100%);
}

.fadingvolumebar {
	background-color: black;
	width: 11px;
	position: relative;
	top: 0px;
	left: 0px;
	height: 0px;
}

.searchquery_loading {
/*	width: 18px;
	height: 18px;
	background-image: url('../images/loading.gif');
	margin-left: 25px;
	margin-top: 8px;
	float: left;*/
}

.searchquery_not_loading {
	/*width: 18px;
	height: 18px;
	margin-left: 25px;
	margin-top: 8px;
	float: left;*/
}

.playeropacity {
	opacity: 1;
}

.loadplaylist_djcharts {
	width: 57px;
	height: 57px;
	background-image: url('../images/djcharts.png');
	cursor: pointer;
	float: left;
	margin-left: 10px;
	opacity: 0.7;
}

.loadplaylist_oe3 {
	width: 57px;
	height: 57px;
	background-image: url('../images/oe3_charts.png');
	cursor: pointer;
	float: left;
	margin-left: 10px;
	opacity: 0.7;
}

.loadplaylist_djcharts:hover {
	opacity: 1;
}

.loadplaylist_oe3:hover {
	opacity: 1;
}

.playlist_public {
	width: 16px;
	height: 16px;
	background-image: url('../images/playlist_public.png');
	cursor: pointer;
	float: right;
	margin-right: 25px;
	margin-top: 5px;
}

.playlist_private {
	width: 16px;
	height: 16px;
	background-image: url('../images/playlist_private.png');
	cursor: pointer;
	float: right;
	margin-right: 25px;
	margin-top: 5px;
}

.playlist_share {
	width: 16px;
	height: 16px;
	background-image: url('../images/playlist_share.png');
	cursor: pointer;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}