body {
	color: #AAAAAA;
	padding:0;
	min-width: 960px;
	margin: 0;
	
}

.missing {
	border: 1px solid #950522
}


.bst {
	background: url("../images/login_back.png") repeat scroll 0 0 transparent
}
.bstd {
	background: none repeat scroll 0 0 #434242;
}

.grad-left {
	background: url("../images/login_grad.png") repeat-y scroll 0 0 transparent
}

.grad-right {
	background: url("../images/login_gradr.png") repeat-y scroll 0 0 transparent
}


#auto-list .ui-menu {
	list-style: none outside none;
	
	color: #bebebe;
	padding: 0;
}

#auto-list .ui-menu-item {
	background-color: #434242;
	padding-left: 3px;
	height: 36px;
	line-height: 30px;
	padding-left:0;
	border-bottom:1px solid #5f5f5f;
	overflow: hidden;
	cursor: pointer;
}

#auto-list .ui-autocomplete {
	position: relative;
}
#auto-list .ui-autocomplete .ui-menu {
	padding:0;
	
}

#auto-list .ui-menu .ui-menu-item a {
 
  line-height: 20px;
 
}


#auto-list .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none;
	border: 0;
	margin:0;
}	


#auto-list  .ui-menu-item {
	height: 44px;  /* 28px */
}

#auto-list  .ui-menu-item.ui-country {
	height: 28px;
	width: 137px;
}

#auto-list .ui-menu .ui-menu-item a {
	color: #a4a4a4;
}

#auto-list .ui-widget {
	
}

#auto-list .ui-widget-content {
	background: inherit;
}





*::selection {
    background:transparent;
}

*::-moz-selection {
    background:transparent;
}

*::-webkit-selection {
    background:transparent;
}

input::selection {
    background:gray;
}

input::-moz-selection {
    background:gray;
}

input::-webkit-selection {
    background:gray;
}

.dragbutton {
	cursor: move;
	margin-right: 20px;
}

jas #test-list .ui-selecting {
	background: silver;
}

#test-list .ui-selected {
	background: gray;
}

#test-list-right .ui-selecting {
	background: silver;
}

.emode .track.ui-selected {
	background-color: #5f5f5f;
}

.nmode .track.ui-selected {
	background-color: gray;
}

.navi-button {
	width: 100px;
}

label {
	display: block;
}

.player {
	width: 35%;
	margin-left: auto;
	margin-right: auto;
}

.agendafull {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.searchplayer {
	width: 35%;
	margin-left: auto;
	margin-right: auto;
}

.mainplayer {
	width: auto;
}

.list-panel {
	
}

.playconnectedSortable {
	cursor: pointer;
}

.altplaylist {
	
}

.emode .track  {
	background: none repeat scroll 0 0 #808080;
}

.nmode .track {
	background: none repeat scroll 0 0 #5f5f5f;
}

.hdd.emode   {
	color: #808080;
}

.hdd.nmode  {
	/*color: #1f1f1f;*/
	color: #7f7f7f;
}
.track {
	/*background: none repeat scroll 0 0 #5f5f5f;*/
	border-bottom: 1px solid #434242;
	padding-top: 5px;
	padding-left: 10px;
	height: 36px
}

.track.ui-sortable-helper {
	background: none repeat scroll 0 0 #5f5f5f;
}

/*.emode .track.ui-sortable-helper {
	background: none repeat scroll 0 0 #808080;
}
*/

.track .delbutton {
	background-image: url("../images/btn_delete.png");
}

.modbutton {
	cursor: pointer;
}

.track .addbutton {
	background-image: url("../images/btn_add.png");
	cursor: pointer;
}

.small-album {
	padding-right: 20px;
	margin-top: -3px;
}
.artist {
	color: background;
	font-weight: bold;
	overflow: hidden;
	font-family: "arial", verdana, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #ffffff;
    text-overflow:ellipsis;
	/*max-width: 300px;*/
}

.title {
	overflow: hidden;
	font-weight: normal;
	font-size: 11px;
	font-family: "arial", verdana, sans-serif;
	color: #bebebe;
    text-overflow:ellipsis;
}

.tracklist {
	padding-left: 9px;
}


.trackplay { /*background: none repeat scroll 0 0 #5f5f5f;
                 border: 1px solid #5f5f5f;*/
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	height: 80px;
	width: 100%;
}

.altplaylist {
	background: none repeat scroll 0 0 #5f5f5f;
	border-bottom: 1px solid #434242;
	padding-left: 20px;
	padding-top: 5px;
	height: 36px;
}

.altdaylist {
	background: none repeat scroll 0 0 #5f5f5f;
	border-bottom: 1px solid #434242;
	padding-left: 20px;
	padding-top: 5px;
	height: 36px;
}

.altplaylistsel {
	background: none repeat scroll 0 0 #5f5f5f;
	border-bottom: 1px solid #434242;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom:0;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	height: 36px;
	margin-left: 35px;
}


#ag_list_item {
  float: left;
  height: 30px;
  padding-bottom: 20px;
  padding-top: 10px;
  width: 450px;
  cursor: pointer;
}

#ag_list_day {
  float: left;
  height: 30px;
  padding-bottom: 20px;
  padding-top: 10px;
  width: 450px;
}



.apb {
	border-bottom: 1px solid #434242;
}

.apnb {
	border-bottom: 1px solid transparent;
}

.altplaycom {
	background: none repeat scroll 0 0 #5f5f5f;
	border-top: 1px solid #434242;
	padding-left: 20px;
	padding-top: 5px;
	margin-top:0px;
	margin-right:2px;
	height: 32px;
	overflow: hidden;
	
}

.altplayses {
	background: none repeat scroll 0 0 #5f5f5f;
	border-top: 1px solid #434242;
	padding-left: 5px;
	padding-top: 5px;
	margin-top:0px;
	height: 32px;
	overflow: hidden;
	
}
.altplaycom_n {
	background: none repeat scroll 0 0 #5f5f5f;
	/*border-bottom: 1px solid #434242;*/
	padding-left: 20px;
	padding-top: 5px;
	height: 32px;
	line-height: 30px;
	overflow: hidden;
	margin-right: -1px;
}

.alt-hd {
	padding-top: 2px;
	padding-left: 30px;
	height: 18px;
}

.more_d {
	background: none repeat scroll 0 0 #4f4f4f;
}

.cwh {
	width:100px;
	text-align: center;
	line-height: 22px;
}

.cwnh {
	width:auto;
	text-align: left;
	line-height: 22px;
	overflow: hidden;
}



.cwsh {
	width:65px;
	text-align: center;
	line-height: 22px;
	
}



.hcom {
	display:none;
	padding-right: 3px;
	/*border-bottom: 1px solid #434242;*/
}

.ccom {
	padding-right: 13px;
	padding-top: 8px;
	font-size: 11px;
	cursor: pointer;
}

#com-arch {
	cursor: pointer;
}

.altplayfull {
	padding-left: 10px;
}

.altdayfull {
	padding-left: 10px;
}

.searchlist {
	background: none repeat scroll 0 0 #5f5f5f;
	border-bottom: 1px solid #434242;
	padding-left: 20px;
	padding-top: 5px;
	height: 36px;
	cursor: pointer;
}

.last-search {
	font-family: "arial", verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #1f1f1f;
	border-bottom: 1px solid #434242;
	margin-top:20px; 
	padding-left:20px;
	padding-bottom: 8px;
}

.clear-search {
	font-family: "arial", verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #1f1f1f;
	margin-top:20px; 
	padding-left:20px;
	padding-bottom: 8px;
}

.header-top-menu {
	width: auto; margin-left: 15px; padding-left:0; padding-right: 5px; height: 23px; margin-top: -4px; padding-top:0;
}



.cm-list-hd {
	background: none repeat scroll 0 0 #5f5f5f;
	padding-top: 5px;
	padding-left: 17px;
	padding-right: 17px;
	height: 15px
}

.cm-list {
	background: none repeat scroll 0 0 #5f5f5f;
	border-bottom: 1px solid #434242;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right:2px;
}

.cm-now {
	color: #950522;
}

.cm-list.cm-even {
	background: none repeat scroll 0 0 #6c6c6c;
}

.cm-counter {
	width:5%;
	min-width: 30px;
	text-align: right;
	float:left;
}

.cm-start {
	width:10%;
	min-width: 60px;
	text-align: center;
	float:left;
}
.cm-end {
	width:10%;
	min-width: 60px;
	text-align: center;
	float:left;
}
.cm-track {
	width:auto;
	min-width: 300px;
	float:left;
}


.header-text {
	font-family: "arial", verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #7f7f7f;
	padding-top: 0.6em;
	padding-left: 1.1em;
	padding-right: 10px;
	margin-bottom: -2px;
}

.menu_link {
	background: none repeat scroll 0 0 #5f5f5f;
	border-bottom: 1px solid #434242;
	padding-left: 17px;
	padding-top: 5px;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
	overflow: hidden;
	color: #bebebe;
}

div.menu_link:hover {
  background: none repeat scroll 0 0 #878787;
}

.menu_link.nonactive {
	display: none;
}

.menu_link.active {
	display: block;
}


.menu-bot {
  border-left: 1px solid #383838;
  border-right: 1px solid #383838;
  cursor: pointer;
  float: right;
  height: 29px;
  line-height: 26px;
  margin-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.menu_button {
	curser:pointer;
}

.menu-bot.menu-bot-middle {
	border: 0;
}

.combo_link, .combo_link1 {

	border-bottom: 1px solid #434242;
	padding-left: 20px;
	padding-top: 5px;
	height: 25px;
	line-height: 20px;
	cursor: pointer;
}


.combo_link_s {
	background: none repeat scroll 0 0 #5f5f5f;

}
.combo_link_a {
	background: none repeat scroll 0 0 #2f2f2f;

}

.cagenda {
	width:28px;
	text-align: center;
}
.agenda-on {
	background: url("../images/btn_agenda_on.png") no-repeat scroll center center transparent;
    height: 31px;

}

.agenda-off {
	background: url("../images/btn_agenda_off.png") no-repeat scroll center center transparent;
    height: 31px;
}



.cw {
	width:100px;
	text-align: center;
	line-height: 32px;
}

.cwn {
  line-height: 32px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 250px;
}

.cws {
	width:65px;
	text-align: center;
	line-height: 32px;
	
}

.cwsloc {
	width:310px;
	text-align: left;
	line-height: 30px;
	color: #aaaaaa;
	
}

.cwsip {
	width:160px;
	text-align: left;
	line-height: 30px;
	color: #aaaaaa;
	
}

.cwsdate {
	width:135px;
	text-align: left;
	line-height: 30px;
	color: #aaaaaa;
	
}



.main { /*height: 155px;*/
	padding-top: 20px;
	margin-top: 16px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}







.player-skiped {
	width: 69px;
	height: 62px;
	margin-right: 5px;
	padding-top:0;
	margin-top: -1px;
	cursor: pointer;
	
}

.next-play-off {
	background: url("../images/music_manager_button_next_off.png") no-repeat scroll 2px 50%;
}

.next-play-on {
	background: url("../images/music_manager_button_next_on.png") no-repeat scroll 2px 50%;
}



.upper-play {
	padding-top:0;
}

#nowplayer1 .header-text {
	padding-top:0;
	padding-bottom: 6px;
}

#nowplayer2 .header-text {
	padding-bottom:0;
	padding-bottom: 6px;
}

.player-start {
	width: 69px;
	height: 62px;
	margin-right: 5px;
	padding-top:0;
	margin-top: -1px;
	cursor: pointer;
}

.player-start-off {
	background: url("../images/music_manager_button_play_off.png") no-repeat scroll 2px 50%;
}
	
.player-start-on {
	background: url("../images/music_manager_button_play_on.png") no-repeat scroll 2px 50%;
}	

/*.player-start-off {
	background: transparent;
	width: 69px;
	height: 62px;
	margin-right: 5px;
	padding-top:0;
	margin-top: -1px;
	cursor: wait;
}
*/

.player-pause {
	width: 69px;
	height: 62px;
	margin-right: 5px;
	margin-top: -1px;
	cursor: pointer;
}

.player-pause-off {
	background: url("../images/music_manager_button_pause_off.png") no-repeat scroll 2px 50%;

}

.player-pause-on {
	background: url("../images/music_manager_button_pause_on.png") no-repeat scroll 2px 50%;

}

.player-off {
	background: url("../images/music_manager_button_play_off.png") no-repeat scroll 2px 50%;

}

.player-on {
	background: url("../images/music_manager_button_play_on.png") no-repeat scroll 2px 50%;

}



.ui-state-highlight-gold {
	height: 30px;
	padding: 5px;
	background-color: #434242;
}


.acc_container {
  background: none repeat scroll 0 0 #888888;
  border: 1px solid #777777;
  /*border-radius: 5px 5px 5px 5px;*/
  padding: 3px 10px; 
  
  border-radius: 0 0 5px 5px; 
  -moz-border-radius: 0 0 5px 5px; 
  -webkit-border-radius: 0 0 5px 5px; 

  color: #BEBEBE;
  font-family: "arial",verdana,sans-serif;
  font-size: 12px;
  margin-left: 67px;
  margin-right: 7px;
  overflow: hidden;
  padding-left: 3px;
  padding-right: 5px;
}

.acc_trigger {
	padding-top:4px;
	padding-right:3px;
	width: 30px;
	height: 27px;
}

.acc_triggeroff {
	background: url("../images/btn_help_off.png") no-repeat scroll center center transparent;
}

.acc_triggeron {
	background: url("../images/btn_help_new_on.png") no-repeat scroll center center transparent;
}


.time {
	padding-top: 3px;
	overflow: hidden;
	font-size: 12px;
	font-family: "arial", verdana, sans-serif;
	color: #bebebe;
}

#type-list-title {
	float:left;
	width:auto;
}

#list-title {
	width:auto;
	overflow:hidden;
	padding-left:5px;
	white-space: nowrap;
}	







	




.connectedSortable {
	padding-bottom: 40px;
	cursor: pointer;
}

.ui-corner-all {
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.ui-corner-alls {
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

.drag {
	background-color: #5f5f5f;
}

.ui-selected {
	background-color: #CCFFFF;
	/*border-color: #AAAADD;*/
}

#play-list .ui-selected {
	background: gray;
}

#play-list .ui-hover {
	background: #434242;
}

.delbutton {
	float: right;
	cursor: pointer;
}

.players-contener {
	width: 100%;
	max-width: 1300px;
	margin-left: auto;
    margin-right: auto;
}

.players {
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
}

#players .ui-selecting {
	background: silver;
}

.play {
	
}

.songup {
  margin-left: 15px;
  margin-right: 49px;
}

.songs {
  margin-left: 0px;
  margin-right: 49px;
}

.song {
  margin-left: 160px;
  margin-right: 50px;
}

.songh {
	overflow: hidden;
	width: 50%;
	height: 36px;
	white-space: nowrap;
}

.songhh {
	overflow: hidden;
	height: 36px;
	white-space: nowrap;
	margin-left:57px;
	margin-right:67px;
}

.songhh.songsafari {
	/*margin-right:-48px;*/
}

.artname {
  color: #888888;
}


.songg {
	overflow: hidden;
	height: 36px;
	width: 15%;
	white-space: nowrap;
}

.playh {
	overflow: hidden;
	white-space: nowrap;
	width: auto;
	height: 36px;
}

.playhh {
	overflow: hidden;
	white-space: nowrap;
	width: auto;
	height: 36px;
	margin-left:57px;
	margin-right:32px
}

.playg {
	overflow: hidden;
	height: 30px;
	width: 15%;
}

.covers {
	background: url("../images/albumart_37x37.png") no-repeat scroll center center transparent;
	position:relative; 
	left:0px;
	top:-130px;
}

#nowplayer2 .songtime {
	padding-top: 18px;
}

.songtime {
	overflow: hidden;
	text-align: right;
}

.timetext {
	float: right;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	color: #bebebe;
}

.sm2_link {
	border:0;
}

.playbutton {
	float: left;
}

.pausebutton {
	float: left;
}

.ui-progressbar-gold {
	height: 10px; /*3px*/
	text-align: left;
	margin-bottom: 5px;
	margin-top: 0; /*38px;*/
	width: 90%;
	margin-left:14px;
}


.offline {
	margin-top:0;
	width:80%;
}

.ui-progressbar-gold .ui-progressbar-value-gold {
	height: 100%;
}

.ui-progressbar-gold .ui-progressbar-valueskip-gold {
	height: 100%;
}

.ui-widget-header-gold { /*border: 1px solid #aaaaaa;*/
	background: transparent /*{bgColorHeader}*/  
		url(../images/progress_bar_sl.png) /*{bgImgUrlHeader}*/   0
		/*{bgHeaderXPos}*/   50% /*{bgHeaderYPos}*/   repeat-x
		/*{bgHeaderRepeat}*/;
	/*color: #222222
                 font-weight: bold;*/
}

/* Corner radius */
.ui-corner-tl {
	-moz-border-radius-topleft: 4px /*{cornerRadius}*/;
	-webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
	border-top-left-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-tr {
	-moz-border-radius-topright: 4px /*{cornerRadius}*/;
	-webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
	border-top-right-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-bl {
	-moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
	-webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
	border-bottom-left-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-br {
	-moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
	-webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
	border-bottom-right-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-top {
	-moz-border-radius-topleft: 4px /*{cornerRadius}*/;
	-webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
	border-top-left-radius: 4px /*{cornerRadius}*/;
	-moz-border-radius-topright: 4px /*{cornerRadius}*/;
	-webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
	border-top-right-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-bottom {
	-moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
	-webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
	border-bottom-left-radius: 4px /*{cornerRadius}*/;
	-moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
	-webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
	border-bottom-right-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-right {
	-moz-border-radius-topright: 4px /*{cornerRadius}*/;
	-webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
	border-top-right-radius: 4px /*{cornerRadius}*/;
	-moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
	-webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
	border-bottom-right-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-left {
	-moz-border-radius-topleft: 4px /*{cornerRadius}*/;
	-moz-border-radius-topright: 4px /*{cornerRadius}*/;
	-webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
	border-top-left-radius: 4px /*{cornerRadius}*/;
	-moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
	border-bottom-left-radius: 4px /*{cornerRadius}*/;
}

.hdft {
	margin-right: 2px;
	background: url("../images/btn_bottom.png") repeat-x scroll 0 0 transparent
		;
}

/* toggles */

.bon {
    background: url("../images/radio_button_on.png") no-repeat scroll left center transparent;
    cursor: pointer;
    height: 24px;
}

.boff {
    background: url("../images/radio_button_off.png") no-repeat scroll left center transparent;
    cursor: pointer;
    height: 24px;
}

.sbon {
    background: url("../images/radio_button_on.png") no-repeat scroll left center transparent;
    cursor: pointer;
    height: 24px;
}

.sboff {
    background: url("../images/radio_button_off.png") no-repeat scroll left center transparent;
    cursor: pointer;
    height: 24px;
}

.abon {
    background: url("../images/radio_agendabutton_on.png") no-repeat scroll left center transparent;
    cursor: pointer;
    height: 24px;
}

.aboff {
    background: url("../images/radio_agendabutton_off.png") no-repeat scroll left center transparent;
    cursor: pointer;
    height: 24px;
}

.arrowback {
    background: url("../images/back arrow.png") no-repeat scroll right center transparent;
    cursor: pointer;
    height: 24px;
}

.bpad {
	padding-left: 30px;
	line-height: 22px;
}

.sbpad {
  float: left;
  line-height: 22px;
  margin-left: 33px;
  text-align: left;
  width: 100%;
}

.sbpadcur {
  float: left;
  font-weight: bold;
  line-height: 22px;
  padding-left: 10px;
  text-align: right;
  width: 75px;
}


body #sm2-container object,body #sm2-container embed {
	/* otherwise, firefox on win32 barfs on homepage. */
	left:0;
	top:0;
}

#button-debug { /*-moz-border-radius: 3px 3px 3px 3px;
                 background: none repeat scroll 0 0 #F3F9FF;
                 border: 1px solid #CCDDEE;*/
	bottom: 1em;
	color: #333333;
	font-family: monaco, "VT-100", terminal, "lucida console", courier,
		system;
	margin: 1em;
	opacity: 0.9;
	overflow: auto;
	padding: 0;
	position: fixed;
	right: 1em;
	width: 40em;
	z-index: 200;
}

#manager-debug {
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	background: none repeat scroll 0 0 #F3F9FF;
	border: 1px solid #CCDDEE;
	bottom: 3em;
	color: #333333;
	font-family: monaco, "VT-100", terminal, "lucida console", courier,
		system;
	height: 30em;
	margin: 1em;
	opacity: 0.9;
	overflow: auto;
	padding: 0;
	position: fixed;
	right: 1em;
	width: 38em;
	z-index: 1004;
}

#manager-debug div.sm2-alt {
	background-color: #FFFFFF;
	color: #556677;
}

#manager-debug div {
	font-size: x-small;
	margin: 0;
	padding: 0.2em;
}

#manager-debug div {
	font-size: x-small;
	margin: 0;
	padding: 0.2em;
	color: #333333;
}

#sidebar {
	float: right;
	width: 180px;
	margin-right: 25px;
	position: relative;
}

/* SIDEBAR SANS JS*/
#sidebar {
	margin-top: 52px;
}

#sidebar ul {
	list-style: none;
}

#sidebar>ul {
	border: 1px solid #eee;
}

#sidebar ul li h2 {
	background: url(../images/inactiveBg.png);
	height: 24px;
	padding-left: 10px;
	line-height: 24px;
	font-size: 1em;
	font-weight: normal;
	color: #3e3e3e;
}

#sidebar ul li ul li {
	font-size: 11px;
	padding: 3px 0;
	line-height: 20px;
	padding-left: 10px;
}

#sidebar ul li ul li a {
	color: black;
	font-weight: bold;
}

/*jQUERY CSS*/
#sidebar>ul {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
}

span.sidebarOpen {
	background: url(../images/sidebarOpen.png) no-repeat center;
}

span.sidebarClose {
	background: url(../images/sidebarClose.png) no-repeat center;
}

h2.selected {
	background: url(../images/activeBg.png) repeat-x !IMPORTANT;
	color: white !IMPORTANT;
}

.field {
	width: 100%;
	float: left;
	margin: 0 0 20px;
}

.field input {
	margin: 0 0 0 20px;
}

/* Used for the Switch effect: */
.cb-channel,.cb-playlist,.cb-channel span,.cb-playlist span {
	background: url(../images/switch.gif) repeat-x;
	display: block;
	float: left;
}

.cb-channel span,.cb-playlist span {
	line-height: 30px;
	display: block;
	background-repeat: no-repeat;
	font-weight: bold;
}

.cb-channel span {
	background-position: left -90px;
	padding: 0 10px;
}

.cb-playlist span {
	background-position: right -180px;
	padding: 0 10px;
}

.cb-playlist.selected {
	background-position: 0 -30px;
}

.cb-playlist.selected span {
	background-position: right -210px;
	color: #fff;
}

.cb-channel.selected {
	background-position: 0 -60px;
}

.cb-channel.selected span {
	background-position: left -150px;
	color: #fff;
}

.switch label {
	cursor: pointer;
}

.ui-widget-content-gold {
	background: transparent url(../images/progress_bar_bckg_sl.png) repeat-x
		center center;
	/*height: 20px;
                            border: 1px solid #AAAAAA;
                            color;
                            #222222;
                            background-color:
                            #FFFFFF;
                            */
}

/* dlg */

.dlg_top {
	background: url(../images/btn_bottom.png) repeat-x center center;
	height: 30px;
	width: 100%;
	position: relative;
}

.dlg_logo {
  color: #FFFFFF;
  font-weight: bold;
  height: 30px;
  line-height: 29px;
  text-align: center;
  /*text-transform: uppercase;*/
  width: 100%;
}

.dlg_bottom {
	background: url(../images/btn_bottom.png) repeat-x center center;
	height: 30px;
	width: 100%;
	position: relative;
}



.dlg {
	background-color: #5f5f5f;
}

.dlg_close {
	line-height:25px; 
	display:block; 
	margin-top: 1px; 
	padding-bottom:4px; 
	padding-right: 8px; 
	padding-left:10px;
	border-left: 1px solid #383838; 
	cursor: pointer; 
	font-weight:normal; 
	font-size: 14px; 
	text-transform: uppercase; 
	float:right; 
}	

/*menu */


#menu_panel {
	background: url(../images/bar_top.png) repeat-x center center;
	height: 56px;
	width: 100%;
	position: relative;
    z-index: 3002;
}
	


/* hightlighting */

.highlighting {
	background: none repeat scroll 0 0 rgba(204,204,204,0.25);
}

.agenda {
	height: 20px;
	cursor: pointer;
}

.agendaoff {
	background: transparent url(../images/btn_agenda_new_off.png) no-repeat
		center center;
}

.agendaon {
	background: transparent url(../images/btn_agenda_new_on.png) no-repeat
		center center;
}

.lock {
	height: 20px;
	cursor: pointer;
	width: 67px;
}

.lockoff {
	background: transparent url(../images/icon_down_off.png) no-repeat
		center center;
}

.lockon {
	background: transparent url(../images/icon_down_on.png) no-repeat
		center center;
}

.volume_button div {
	background: transparent url(../images/btn_volume_on.png) no-repeat center
		center;
	height: 20px;
	width:22px;
	
}
#item_volume {
	cursor: pointer;
	padding-top: 4px;
	padding-right: 22px;
	
}

.volume_button_off div {
	background: transparent url(../images/btn_volume_off.png) no-repeat center
		center;
	height: 20px;
	width:22px;
	cursor: pointer;
}

.commercial {
	height: 20px;
	cursor: pointer;
}

.commercialoff {
	background: transparent url(../images/btn_commercials_new_off.png) no-repeat
		center center;
}

.commercialon {
	background: transparent url(../images/btn_commercials_new.png) no-repeat
		center center;
}

.boxm {
	height: 20px;

}

.boxoff {
	background: transparent url(../images/boxoff.png) no-repeat
		center center;
}

.boxon {
	background: transparent url(../images/boxon.png) no-repeat
		center center;
}
.fullscreen {
    height: 20px;
	cursor: pointer;
	width: 45px;
}

.fullscreenoff {
    height: 20px;
	cursor: pointer;
	width: 45px;
}
.fulloff {
	background: transparent url(../images/icon_up_on.png) no-repeat
		center center;
}

.fullon {
	background: transparent url(../images/icon_down_on.png) no-repeat
		center center;
}
.val-com {
	width:100%; 
	height:18px;
}

.help {
	height: 20px;
	cursor: pointer;
}
.helpoff {
	background: transparent url(../images/btn_help_new_off.png) no-repeat center
		center;
	height: 20px;
	cursor: pointer;
}
.helpon {
	background: transparent url(../images/btn_help_new_on.png) no-repeat center
		center;
	height: 20px;
	cursor: pointer;
}

.messageoff {
	background: transparent url(../images/btn_help_off.png) no-repeat center
		center;
	height: 20px;
	cursor: default;
}
.messageon {
	background: transparent url(../images/btn_help_new_on.png) no-repeat center
		center;
	height: 20px;
	cursor: pointer;
}

.help-panel {
	width:400px; 
	position:absolute; 
	z-index:4000;
	background-color: rgba(255, 255, 255, 0.75);
	padding: 20px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}

#help-quest {
	color:#000000;
	font-size: 48px; 
	padding-right:20px;
	margin-top:-5px;
}

#help-content {
	color:#000000;
	font-size: 16px; 
	line-height: 24px;
	width:350px;
}


.help-arrow {
	position:absolute; 
	z-index:4000;
	width:80px;
	height:80px;
}

.mesh {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -17px;
}

.mesh-left {
	float: left;
	width: 100%;
}

.mesh-left div {
	margin-right: 12px;
	overflow: hidden;
}

.mesh-right {
	float: left;
	width: 12px;
	margin-left: -12px;
}

#item_logo {
	float: left;
	padding-left: 18px;
}

.item_item {
	float: right;
}

.item_end {
  background: none repeat scroll 0 0 #383838;
  height: 27px;
  margin-top: 8px;
  width: 1px;
}

.item_small {
	text-align: center;
	font-family: "arial", verdana, sans-serif;
	font-size: 8px;
	color: #bebebe;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 10px;
	padding-left: 5px;
}

.item_top {
	padding-top: 2px;
}

.item_entry {
	padding-top:12px;
	cursor:pointer;
	
}

/*.item_button {
  background: none repeat scroll 0 0 #484848;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  padding: 5px;
}
*/

.item_button {
  border: 1px solid #424342;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  padding: 9px 22px 10px;
}



.item_button_location {
  border: 1px solid #424342;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  display: block;
  font-size: 10px;
  max-width: 230px;
  overflow-x: hidden;
  padding: 10px 22px 13px;
  text-transform: none;
  white-space: nowrap;
  cursor: default;
}

.item_button_vol {
  border: 1px solid #424342;
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  padding: 7px 7px 9px;
}

.cursor {
	cursor: pointer;
}

.left {
	float: left;
}

.text-active {
	color: #ffffff;
	font-family: "arial", verdana, sans-serif;
	font-size: 8px;
	font-weight: bold;
	text-transform: uppercase;
	top: 7px;
	cursor: pointer;
}

.rem {
	
}

.text-nonactive {
	color: #bebebe;
	font-family: "arial", verdana, sans-serif;
	font-size: 8px;
	color: #bebebe;
	font-weight: bold;
	text-transform: uppercase;
	top: 7px;
	cursor: pointer;
}

.upper {
	text-transform: uppercase;
}

.smv {
	padding-right:20px;
	font-size: 15px;
	line-height: 20px;

}

.smvc {
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  padding: 10px;
}

.smvm {
	padding-left:20px;
}

.smvmm {
	padding-left:30px;
}

.reflection {
	position: relative;
}

.reflection-main{
	margin-top:0;
}

.reflection-next{
	top: -1px;
}

.volume {
	height: 255px;
	width: 54px;
	display: block;
	background: transparent url(../images/volume_bckg.png) repeat-y center top;
}

.volume_top {
	height: 20px;
	width: 54px;
	display: block;
}

.volume_top_img {
	height: 15px;
	width: 54px;
	display: block;
	background: transparent url(../images/volume_bckg_begin.png) no-repeat center
		top;
}

.volume_bottom {
	height: 17px;
	width: 54px;
	display: block;
	background: transparent url(../images/volume_bckg_end.png) no-repeat center
		top;
}

.volume_container {
	height: 200px;
	width: 54px;
	display: block;
	background: transparent url(../images/volume_bar_bckg.png) repeat-y center
		top;
}

.volume_minus {
	height: 15px;
	width: 54px;
	display: block;
	background: transparent url(../images/volume_minus.png) no-repeat center
		top;
}

.volume_plus {
	height: 15px;
	width: 54px;
	display: block;
	background: transparent url(../images/volume_plus.png) no-repeat center top
		;
}

#volume_on {
	height: 24px;
	width: 54px;
	display: block;
	background: transparent url(../images/btn_volume_on.png) no-repeat center
		top;
}

#volume_off {
	height: 24px;
	width: 54px;
	display: block;
	cursor: pointer;
}

#volume > .item_small {
	cursor: pointer;
}

.volume_offon {
	background: transparent url(../images/btn_volume_off.png) no-repeat center
		top;
}

.volume_offoff {
	background: transparent url(../images/btn_volume_off_red.png) no-repeat center
		top;
}

.volume_dragger {
	display: block;
	background: transparent url(../images/volume_bar.png) repeat-y center top;
	position: relative;
	top: -24px;
	height: 200px;
	width: 54px;
}

.volume_ball {
	display: block;
	background: transparent url(../images/volume_ball.png) no-repeat center top
		;
	height: 24px;
	width: 54px;
	position: relative;
	top: -5px;
	z-index: 2700;
	cursor: pointer;
}



#mcs2s_container .keyboardInputInitiator {
	float: right;
	margin-top:4px;
	margin-right:-3px;
}

#easyTooltip{
	padding:5px 10px;
	border:1px solid #5f5f5f;
	background-color: #434242;
	color:#fff;
	width:250px;
	z-index: 40000;
	}
	
#searchTooltip{
	padding:2px;
	color:#950522;
	width:250px;
	z-index: 40000;
	font-size:12px
	}



.dialog .wrapper {
	overflow-y: hidden;
}


.log-work {
	cursor: pointer;
}
.log-work1n {
	background: transparent url(../images/wbb.png) no-repeat center top;
}

.log-work2n {
	background: transparent url(../images/cbb.png) no-repeat center top;
}

.log-work3n {
	background: transparent url(../images/toverbb.png) no-repeat center top;
}

.log-work1s {
	background: transparent url(../images/wbw.png) no-repeat center top;
}

.log-work2s {
	background: transparent url(../images/cbw.png) no-repeat center top;
}

.log-work3s {
	background: transparent url(../images/toverbw.png) no-repeat center top;
}

.log-work4n {
	background: transparent url(../images/bb.png) no-repeat center top;
}

.log-work4s {
	background: transparent url(../images/bw.png) no-repeat center top;
}



.rounded-img {
	display: inline-block;
	
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
}
.round-simple {
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rounded-img2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}

/* boxes */

			.square .fl, .reflect .fl, .reflectnext .fl {
				box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3) inset;
				-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3) inset;
				-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3) inset;
                border-radius: 12px;

			}
			.sq {
				width: 8px; height: 8px;;
				margin-right: 1px;
				/*-moz-border-radius: 1px 1px 1px 1px;
				-webkit-border-radius: 1px 1px 1px 1px;
				border-radius: 1px 1px 1px 1px;*/
				
				
			}
			.sq11 {
				width: 11px; height: 11px;
				
   				
			
			}
			.sq11r {
				margin-right: 1px;
			}
			.sq14 {
				width: 14px; height: 14px;
		
			}
			.sq14r {
				margin-right: 2px;
		
			}
			.sq18 {
				width: 18px; height: 18px;
		
			}
			.sq18r {
				margin-right: 4px;
			}
			.sq25 {
				width: 25px; height: 25px;
		
			}
			.sq25r {
				margin-right: 6px;
			}
			.sq36 {
				width: 36px; height: 36px;
			
			}
			.sq36r {
				margin-right: 5px;
			}
			.clear {
				clear: both;
			}
			
			.w37 {
				width:37px;margin-top: 1px;
			}
			
			.w119 {
				width:119px;
				margin-top:1px;
				margin-bottom:1px;
				float:left;
			}
			.w62 {
				width:62px
			}
			.b88 {
				width:8px; height: 8px;
				
			}
			.b1111 {
				width:10px; height: 10px;
				
			}
			.b1414 {
				width:14px; height: 14px;
				
			}
			.b1818 {
				width:18px; height: 18px;
				
			
			}
			.b2525 {
				width:25px; height: 25px;
				
			}
			.b3636 {
				width:36px; height: 36px;
				
			}
			.fh88 {
				height: 8px;
				margin-left: 1px;
				margin-top:1px
			}
			.h88 {
				height: 8px;
				margin-left: 1px;
				margin-top:1px
			}
			.lh88 {
				height: 8px;
				margin-left: 1px;
				margin-bottom:1px;
				margin-top:1px
			}
			.h2525 {
				height: 25px;
				margin-bottom:6px;
			}
			.lh2525 {
				height: 25px;

			}
			.h1414 {
				height: 14px;
				margin-bottom:2px;
				margin-top:2px;
			}
			.h1818 {
				height: 18px;
				margin-bottom:4px;
	
			}
			.lh1818 {
				height: 18px;
			}
			.h1111 {
				height: 11px;
				margin-bottom: 1px;
				margin-left: 1px;
			}
			.lh1111 {
				height: 11px;
				margin-left: 1px;
			}
			.h3636 {
				height: 36px;
				margin-bottom: 5px;
			}
			.lh3636 {
				height: 11px;
			}

	.representative {
		display: none;
		background: url("/gold/player/images/bar_top.png") repeat scroll 0 0 transparent;
		border-radius: 5px 5px 5px 5px;
		display: none;
		left: 637px;
		opacity: 0.7;
		padding: 7px 2px 2px 5px;
		position: absolute;
		z-index: 9000;
		width: 230px;
		height:38px
		overflow: hidden;
	}
	
	.inforepresentative {
		display: none;
		background: url("/gold/player/images/bar_top.png") repeat scroll 0 0 transparent;
		border-radius: 5px 5px 5px 5px;
		display: none;
		left: 637px;
		opacity: 0.7;
		padding: 7px 2px 2px 5px;
		position: absolute;
		z-index: 9000;
		max-width: 430px;
		height:38px
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.songhhinfo {
  		height: 23px;
  		margin-left: 5px;
  		margin-right: 5px;
  		overflow: hidden;
		text-overflow: ellipsis;
  		white-space: nowrap;
	}
	
	.dragger_pressed {
		cursor: pointer;
	}
	
/* payment */

.payment-field {
	margin-top:10px; 
	margin-right:120px;
	display:block;line-hight:20px;
	line-height: 21px;
	width: 100%;
}

.payment-title {
  	float:left;
	width:50%;
}

.payment-value {
	float:left;
	width:auto;
	border: 1px solid #5f5f5f;

}

.payment-value-code {
	float:left;
	width:auto;
	border: 1px solid #5f5f5f;

}

.payment-value:after {
	content: "*";
	padding-left: 5px;
}





.payment-value-error {
  border: 1px solid #950522;
  box-shadow: 0 0 4px 0 #950522;
  float: left;
  width: auto;
}

.payment-style {
	float:right; 
	padding-right:10px;
} 

.paydate {
	width:85px;
	text-align: left;
	line-height: 30px;
	color: #aaaaaa;
	
}

.payname {
	width:290px;
	text-align: left;
	line-height: 30px;
	color: #aaaaaa;
	overflow-x: hidden;
	
}
.payamount {
	width:50px;
	text-align: right;
	line-height: 30px;
	color: #aaaaaa;
	padding-right: 10px;
	
}
.paytrans {
	width:110px;
	text-align: right;
	line-height: 30px;
	color: #aaaaaa;
	padding-right: 10px;
	
}
.paycurrency {
	width:50px;
	text-align: left;
	line-height: 30px;
	color: #aaaaaa;
	
}

.paydatetitle {
	width:85px;
	text-align: left;
	line-height: 30px;
	
	text-align: center;
	
}

.paynametitle {
	width:290px;
	text-align: left;
	line-height: 30px;
	
	overflow-x: hidden;
	text-align: center;
	
}
.payamounttitle {
	width:100px;
	text-align: right;
	line-height: 30px;
	
	padding-right: 10px;
	text-align: center;
	
}
.paytranstitle {
	width:100px;
	text-align: right;
	line-height: 30px;
	
	padding-right: 10px;
	text-align: center;
	
}

.paystatusok {
	background: transparent url(../images/icon_down_on.png) no-repeat
		center center;
}	
.paystatusnok {
	background: transparent url(../images/icon_down_off.png) no-repeat
		center center;
}	
.paystatus {
	width:85px;
	text-align: left;
	line-height: 30px;
	color: #aaaaaa;
	
}
.payexpiry {
	width:50px;
	text-align: left;
	line-height: 30px;
	color: #aaaaaa;
	
}

.paystatustitle {
	width:97px;
	text-align: left;
	line-height: 30px;
	
	text-align: center;
	
}
.payexpirytitle {
	width:50px;
	text-align: left;
	line-height: 30px;
	
	text-align: center;
	
}

.titleforpayment {
  color: #FFFFFF;
  float: left;
  text-align: left;
  width: 33%;
}



.selboff {
	width:530px;
}


#auto-list .ui-menu .ui-menu-item.ui-menu-selected {
  background:  gray;
}


.juke_small {
    width: 28px;
    margin-left:5px;
    margin-right: 15px;
}

.juke_middle {
    margin-top: -5px;
    margin-left: 5px;
    margin-right: 25px;
    width: 39px;
}

.juke-left-main {
	background: #f36b35;
	float: left;
	height: 141px;
	width: 4px;
	margin-bottom: -11px;
	margin-top: -10px;
	margin-left: -10px;
	
} 
  
.juke-left-main-agenda {
	background: #f36b35;
	float: left;
	height: 101px;
	width: 4px;
	margin-bottom: -73px;
	margin-top: -10px;
	margin-left: -10px;
	
} 

.juke-left-second {
	background: #f36b35;
	float: left;
	height: 83px;
	width: 3px;
	margin-right: -3px;
	margin-top: 6px;
	margin-left: 0;    
	display: none;
}
  

.juke-left-song {
	background: #f36b35;
	float: left;
	height: 40px;
	width: 3px;
	margin-right: -3px;
	margin-top: -5px; 
	margin-left: -9px;
	
}

.error-mess {
	color:#950522; 
}

.noerror-mess {
	color:#ff9000; 
}

	#wrapper img {
				display: block;
				float: left;
			}
			#images, #thumbs, #thumbsmain {
				height: 350px;
				float: left;
				overflow: hidden;
			}
			#images {
				width: 350px;
			}
			
			
#thumbs img {
  border: 0px solid #ccc;
  cursor: pointer;
  margin: 0 7px 7px 0;
}
			#thumbs img.selected, #thumbs img:hover {
				border-color: #333;
			}
			
			#thumbs div {
				width: 822px; /* 836 */
				height: 235px;
				float: left;
margin-left: 7px;
			}
			#thumbs {
			
			}
			
			
			 #thumbs img:hover {
				border-color: #333;
			}
			
			
			#prev a, #next a {
				top: 135px;
				position: relative;
			}
			
			
			#prev, #next {
			    float: left;
			}
			
			#prev {
			    margin-right: 2px;
			}
			
			#next {
			     margin-left: 2px;
			}
			
			#thumbsmain div.active, #thumbs div.active {
  border: 0 none;
  cursor: pointer;
  height: 24px;
  left: -28px;
  margin: 0 -24px 0 0;
  padding: 0;
  position: relative;
  top: 47px;
  width: 24px;
}
			
			#thumbs div.selected {
				background: url(../images/sprite.png) no-repeat; 
			}
			
			#thumbs div.unselected {
				background: url(../images/spritegray.png) no-repeat; 
			}

			
			#prev a, #next a, #prevmain a, #nextmain a{
background: center center no-repeat transparent;
display: block;
width: 30px;
height: 30px;
z-index: 5;
}
#prev:hover a, #next:hover a, #prevmain:hover a, #nextmain:hover a {
background-color: rgba(155,155,155,0.5);
border-radius: 5px;
}
#prev a.disabled, #next a.disabled, #prevmain a.disabled, #nextmain a.disabled {
opacity: 0.2;
cursor: default;
}
#prev a.disabled:hover, #next a.disabled:hover, #prevmain a.disabled:hover, #nextmain a.disabled:hover {
background-color: transparent;
}
#prev a, #prevmain a{
background-image: url( ../images/gui-prev.png );

}
#next a, #nextmain a{
background-image: url( ../images/gui-next.png );

}

			
			
			
			
			
			a.thumbs {
				display: block;
			}
			
		
			
			
			#thumbs .thumb-text-wrapper {
  /*float: none;*/
  height: 70px;
  margin-top: -70px;
  position: relative;
  top: 68px;
  width: 130px;
  cursor: pointer;
margin-left:0;
}

#thumbs .thumb-text-wrapper-div  {
  display: table-cell;
  float: none;
  height: 70px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  width: 130px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
}

.rowicon {
  width :34px; 
  height: 34px;
  margin-right: 1.5px;
  margin-top: 3px;
  border: 1px solid gray;
}

.favoff {
    width: 32px;
    height: 32px;
	background: url("../images/btn_favorite_yellow.png") no-repeat scroll 0 0 transparent
}

.favon {
    width: 32px;
    height: 32px;
	background: url("../images/btn_favorite.png") no-repeat scroll 0 0 transparent
}

.chnon {
    width: 32px;
    height: 32px;
	background: url("../images/btn_favorite.png") no-repeat scroll 0 0 transparent
}

.chnoff {
    width: 32px;
    height: 32px;
	background: url("../images/btn_favorite_yellow.png") no-repeat scroll 0 0 transparent
}


.jukebutton {
  background: transparent url("../images/juke-up.png") no-repeat scroll 0 0 / 20px 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: 6px;
  margin-top: 6px;
  width: 20px;
}

.jdelbutton {
    cursor: pointer;
    float: right;
    margin-left: 7px;
    margin-right: 5px;
    margin-top: 6px;
}




.smallfavon {
    width: 16px;
    height: 16px;
    display: block;
	background: url("../images/favorite-icons.png") no-repeat scroll 0 0 transparent;
	position: relative;
	top: -6px;
	left:-29px;
	margin-right: -26px;
}

.smallfavonplayer {
    top: -30px;
	left:-95px;
	z-index: 99;
}

.smallfavonnextplayer {
    top: -30px;
	left:-97px;
}

.smallfavoff {
 display: none;
}

.predo {
    width: 32px;
    height: 32px;
	background: url("../images/btn_prelisten2_blue.png") no-repeat scroll 0 0 transparent
}

.playdo {
    width: 32px;
    height: 32px;
    margin-left:4px;
    margin-top:3px;
	background: url("../images/play_buttons.png") no-repeat scroll 0 0 transparent
}

.hidedo {
    width: 32px;
    height: 32px;
	background: url("../images/btn_hide2.png") no-repeat scroll 0 0 transparent
}
.hideoff {
    width: 32px;
    height: 32px;
	background: url("../images/btn_unhide2.png") no-repeat scroll 0 0 transparent
}

.menubutton {
    width: 24px;
    height: 24px;
	background: url("../images/menu_button_b1.png") no-repeat scroll 0 0 transparent;
	margin-top:4px;
	margin-right:2px;
	cursor: pointer;
}

.ui-autocomplete {
    list-style-type: none;
}