/***************окно плейлиста**********************/

#currentPlaylist{
	position:absolute;
	top:150px;
	left:50px;
	width:460px;	
	height:549px;
	z-index:1002;
	padding:8px 8px 8px 8px;	
}



#currentPlaylist .header{
	cursor:move;
	width:455px;
	height:16px;
	padding-top:4px;
	padding-right:5px;
}

#currentPlaylist .title{
	_position:relative;
	padding-top:10px;
	padding-left:12px;
	width:448px;
	_width:464px;
	height:30px;
	background-color:#fff;
	color:#626262;
	font-size:10pt;
}

#currentPlaylist .title .renamePlaylist{
	position:absolute;
	right:15px;
	color:#626262;
	font-size:8pt;
}

#currentPlaylist .playlistRename{
	height:13px;
	width:200px;
	color:#9d9d9d;
	font-size:8pt;	
}

#currentPlaylist .searchBlock{
	padding-top:10px;
	text-align:center;
	width:460px;
	height:30px;
	color:#626262;
	font-size:8pt;
}

#currentPlaylist .searchLine{
	width:330px;
	height:13px;
	color:#9d9d9d;
	font-size:8pt;
}

#currentPlaylist a.selectAll{
	position:relative;
	color:#fff;
	margin-left:11px;
	top:14px;
}

#currentPlaylist a.delSelected{
	background:url('/media/images/red_cross.png') no-repeat 0 2px;
	padding-left:14px;
	position:relative;
	color:#f72203;
	margin-left:30px;
	top:14px;
}

#currentPlaylist .select input{
	position:relative;
	top:2px;
}

#currentPlaylist .trackBlockChild{
	position:relative;	
	width:424px;
	height:346px;
	overflow:hidden;
	padding-right:3px;
	padding-left:3px;

}

#currentPlaylist .trackBlockChild ul{
	position:absolute;
	height:20000em;		
	list-style:none;
	margin:0;
	padding:0;
}

#currentPlaylist .trackBlockChild li{
	height:16px;
	margin:0;
	padding:0;
	padding-top:1px;
	margin-bottom:3px;
	//margin-bottom:0px;
}

#currentPlaylist .scrollUpLink{
	background: url('/media/images/playlist_scrollup.gif');
	width:434px;
	height:14px;

	display:block;
	cursor:pointer;
}

#currentPlaylist .scrollUpLink:hover{
	background: url('/media/images/playlist_scrollup_over.gif');	
}

#currentPlaylist .scrollDownLink{
	background: url('/media/images/playlist_scrolldown.gif');
	margin-top:3px;
	margin-left:-1px;
	width:435px;
	height:14px;
	display:block;
	float:left;	
	cursor:pointer;	
}

#currentPlaylist .scrollDownLink:hover{
	background: url('/media/images/playlist_scrolldown_over.gif');
}

#currentPlaylist .trackBlock{
	width:433px;
	height:367px;
	margin:0 10px 0 10px;

	border:1px solid #686868;
	background:#fff;
}
#currentPlaylist .trackLine{
	width:431px;
	margin-bottom:0px;
	margin-top:0px;
}

#currentPlaylist .delTrack{
	width:10px;
	height:12px;
	margin-right:20px;
	background: url('/media/images/deltrack.png') no-repeat 0 2px;
	display:block;
	float:right;
}

#currentPlaylist .rightField{
	width:95px;
}
#currentPlaylist .footer{
	position:absolute;
	bottom:8px;
	left:309px;
	height:31px;
	display:block;
	float:left;
	width:150px;
}

#currentPlaylist .footer img{
	position:absolute;
	left:0;
	bottom:0;
}
#currentPlaylist .footer p{
	float:right;
	margin:0;
}

/*************** /окно плейлиста**********************/

/*******************плейлисты************************/

#playlists{
	float:left;
	margin-top:13px;
	width:536px;
	color:#000;
/*	height:151px;*/
	margin-bottom:12px;
/*	overflow:hidden;*/
	font-size:8pt;
}

#playlists .title{
	position:relative;
	margin-bottom:4px;
}

.title_link{
	top:2px;
	position:absolute;
	right:0px;
}

#playlists ul{
	overflow:hidden;
	height:130px;	
	list-style:none;
	padding:0;
	margin:0;
}

#pl_title {
	font-size:10pt;
	color:#000;
	padding-left:1px;
}

.plLine{
	width:100%;
	height:44px;
	margin-bottom:4px;
	position:relative;
}

.plLine .playlistPlay{
	position:absolute;
	width:44px;
	height:44px;
	background:url('/media/images/beta-pics/playlist_play.png') no-repeat top left;
	left:0;
	top:0;
}

.plLine .plLayout{
	width:576px;
	height:29px;
	position:absolute;
	left:22px;
	top:2px;
	background:url('/media/images/beta-pics/playlist_back.png') repeat;
	color:#fff;
	padding-top:11px;
	padding-left:32px;
}

.plLine .playlistPlay:hover{
	background-position: -44px 0px;
}

.plLine .playlistTitle{
	display:block;
	float:left;
	font-size:15px;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('/xml/text-overflow.xml#ellipsis');
	width:240px;
	float:left;
	text-transform:uppercase;
}

.plLine .plMenu{
	float:right;
	margin-right:10px;
	margin-top:2px;
}

.plMenu a{
	color:#fff;
	overflow:hidden;
	display:block;
	float:left;
	margin-left:20px;
}

.plMenu .userLink{
	color:#fff;
	overflow:hidden;
	white-space:nowrap;
	display:block;
	text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('/xml/text-overflow.xml#ellipsis');
	width:120px;
	float:left;
	margin-left:20px;
}

.plMenu .rightBorder{
	border-right:1px solid #fff;
}

.plMenu .nTracks{
	float:left;
	padding-right:20px;
	margin-left:20px;
	width:60px;
	text-align:right;
}

.myPlaylists .dontWanna{
	display:block;
	text-align:center;
	color:#303030;
	font-size:11px;
	margin-top:25px;
}

.myPlaylists .dontWanna a{
	color:#303030;	
}

.plMenu .editName{
	padding-right:20px;
}

.plLine .cancel{
	margin-left:30px;
}

.plLine .savePlaylist{
	background:url('/media/images/new_playlist_save_up.png') no-repeat top left;
	width:73px;
	height:20px;
	text-align:center;
	margin-left:13px;
	display:block;
	float:left;
	padding-top:2px;
	margin-top:-2px;
}

.plLine .savePlaylist:hover{
	background:url('/media/images/new_playlist_save_over.png') no-repeat top left;
}

.plLine .nameInput{
	float:left;
	width:180px;
	height:13px;
	font-size:11px;
	font-family:Arial;
	color:#fff;
	border:1px solid #636363;
	background-color:#000;
	padding-left:3px;
}

.plLine .renameMenu{
	float:left;
	margin-top:2px;
	margin-left:10px;
}

.plLine .renameMenu a{
	color:#fff;
}

span.playlistTitle{
	width:167px;	
}

input.playlistTitle{
	width:150px;
	height:12px;
	font-size:8pt;
	color:#626262;
}

#playlists .highlighted{
	background-color: #ff008a;
}

#playlists .plLine .playlistTitle a{
	font-size:10pt;
	text-decoration:none;	
}

#playlists .plLine a.playlistToPlayer{
	background:url('/media/images/red_playbutton.png') no-repeat 0 4px;
	padding-left: 17px;
	float:left;
}


#playlists .plLine a.delPlaylist{
	background:url('/media/images/del_plst_button_up.png') no-repeat 0 4px;
	padding-left: 17px;
	float:left;
}

#playlists .plLine a.delPlaylist:hover{
	background:url('/media/images/del_plst_button_over.png') no-repeat 0 4px;
}

.addPlistLink{
	background: url('/media/images/plistplus_up.gif') no-repeat 0 3px;
	font-size:11px;
	color:#303030;
	padding-left:17px;
	float:right;
}

.addPlistLink:hover{
	background: url('/media/images/plistplus_over.gif') no-repeat 0 3px;
}

#plistAddForm{
	position:relative;
	width:270px;
	height:20px;
	z-index:1;
}

#plistAddForm input{
	display:inline;
}

.addPlistLink input{
	height:12px;
	font-size:8pt;
}
#plistAddForm span{
	float:left;
}
#plistAddForm input.button{
	position:absolute;
	height:20px;
	padding-top:0;
	padding-bottom:3px;

	top:0;
	right:0;
	font-size:8pt;

}

/***************** /плейлисты***************************/

.playlistsTop{
	height:400px;
	width:633px;
}

.playlistsLayout{
	position:relative;
	top:5px;
}

.subTitle{
	width:627px;
	height:23px;
	background-color:#e3e3e3;
	font-size:14px;
	font-weight:bold;
	color:#303030;
	padding:7px 0 0 4px;
}

.subTitleNick{
	font-size:11px;
	font-weight:normal;
}

.nPlaylists{
	font-size:11px;
	color:#303030;
	float:left;
	margin-left:4px;
}

.pInfo{
	position:relative;
	width:627px;
	height:15px;
	margin-top:7px;
	margin-bottom:20px;
	z-index:2;
	color: #303030;
	display:block;
}

.howToWork{
	position:absolute;
	width:251px;
	height:27px;
	bottom:0;
	left:245px;
	color:#fff;
	font-size:11px;
	z-index:2;
}

.howToWork .cont{
	background-color:#303030;
	width:251px;
	height:21px;
	display:block;
	float:left;
}

.howToWork .cont a{
	margin-top:3px;
	float:left;
	color:#fff;
}

.howToWork .i-icon{
	width:5px;
	height:10px;
	display:block;
	float:left;
	background:url(/media/images/beta-pics/i_tip.gif) no-repeat 0px 0px;
	margin:6px 4px 0 5px;
	_margin:6px 4px 0 4px;
}

.howToWork .tale{
	position:absolute;
	bottom:0;
	right:10px;
	width:6px;
	height:6px;
	display:block;
	background:url(/media/images/beta-pics/i_tip.gif) no-repeat -4px 0px;
}
