/*########################## PLAYLIST INTRO ###########################*/


#playlistIntroHolder {
	position:relative;
	margin:0;
	padding:0;
	min-height:640px;
	background-image:url(../images/playlist/main-bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#000000;
	text-align:center;
}

.introHeading {
	margin:160px 0 0 0;
}

#introContentHolder {
	width:376px;
	line-height:1.8em;
	margin:10px auto 20px auto;
	padding:0;
}


.instructions{
	width:380px;
	margin:0 auto;
	font-size: 11px;
	line-height: 16px;
}

#fbLogOutBtn{
	font-size: 12px;
	color: #A2A2A2;
}

#embedHolder p{
	margin: 5px 0;
	font-size: 11px;
	color: #000;
}

/*########################## PLAYLIST SEARCH ###########################*/

#playlistSearchHolder {
	margin:0;
	padding:0;
	min-height:372px;
	background-image:url(../images/playlist/search-landing-bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#playListCounter {
	margin:0 auto 236px auto;
	padding:6px 0;
	width:550px;
	height:20px;
	background-color:#000;
	color:#999;
	font-size:18px;
	font-family:sans-serif;
	text-align:center;
}

#playListCounter span {
	font-weight:bold;
}

#playListCounter span.songs {
	color:#2aa8de;
}

#playListCounter span.playlists {
	color:#eec750;
}

#playlistSearchForm {
	width:438px;
	height:33px;
	padding:0 7px;
	margin:0 auto;
	background-image:url(../images/playlist/search-bar-1px.png);
	background-position:left top;
	background-repeat:repeat-y;
}

#playListSearchFormHeader {
	width:452px;
	height:14px;
	margin:0 auto;
	background-image:url(../images/playlist/search-bar-top.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#playListSearchFormFooter {
	width:452px;
	height:14px;
	margin:0 auto 10px auto;
	background-image:url(../images/playlist/search-bar-bottom.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#playListHolder {
	background-color:#000;
	width:414px;
	padding:10px 12px 20px 12px;
	margin:0 auto -20px auto;
}

#playListHolder span {
	font-size:20px;
	font-weight:Bold;
}

#playListAction {
	width:414px;
	margin:-85px auto 0 auto;
	padding:0 0 60px 0;
	text-align:right;
}

#playListDisplayHeader {
	width:452px;
	height:14px;
	margin:0 auto;
	background-image:url(../images/playlist/playlist-top.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#playListDisplay a, #topSong a {
	color:#2097ca;
	text-decoration:none;
}

#playListDisplayInfo, #playListDisplay {
	margin:0 auto;
	width:418px;
	padding:5px 17px;
	background-image:url(../images/playlist/playlist-1px.png);
	background-position:left top;
	background-repeat:repeat-y;
}

#playListDisplayInfo {

}

.playListDisplayInfoForm {
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

.playListDisplayInfoForm span {
	float:left;
	display:none;
	color:#f00;
}

.playListDisplayFormInput {
	width:120px;
	background-color:#1d1e20;
	color:#626365;
	padding:5px 10px;
	height:17px;
	font-size:13px;
	border:0;
	margin:0 0 2px 0;
}

.playListDisplayFormInputWide {
	width:264px;
}

.playListDisplayInfoCount {
	float:right;
	padding:5px 1px 0 0;
	width:300px;
	text-align:right;
}

#playListDisplay #p1 {
	background-color:#161a1d;
	padding:5px;
}

#playListDisplayFooter {
	width:452px;
	height:14px;
	margin:0 auto;
	padding:0 0 88px 0;
	background-image:url(../images/playlist/playlist-bottom.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#playListDisplaySave {
	width:264px;
	height:60px;
	/*margin:-10px auto 0 auto;*/
	margin:-96px auto 0 auto;
	padding:0 0 88px 0;
	display:none;
}

#playListShareHolder {
	position:absolute;
	top:213px;
	right:20px;
	width:158px;
	margin:0;
}

#playListShareHolder img {
	float:left;
	display:block;
	vertical-align:top;
	margin:0 0 5px 0;
}

#playListShareHolder a img {
	margin:0;
}

#_ilike_search_results_form, .ilike_content .song_chooser > div:first-child, #_ilike_song_chooser_cancel, #_ilike_song_chooser_ok {
	display:none;
	visibility:hidden;
}

#_ilike_song_chooser_cancel {
	cursor: pointer;
	display: block;
	position: relative;
	float:left;
	height: 19px;
	text-align: center;
	width: 55px;  
	background: url(../images/player/orange_expando_buttons.gif) no-repeat -378px 0;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color: #ffffff;
	line-height: 19px;
}

#_ilike_search_form input.inputtext {
	height:14px;
	margin:3px 20px 0 0;
	background-image:url(../images/playlist/text-field.png);
	background-position:left top;
	background-repeat:repeat-x;
	border-right:1px solid #acacac;
}

#_ilike_search_form input.inputsubmit {
	width:80px;
	height:15px;
	color:#939393;
	background-color:#f1f1f1;
	border:1px solid #ccc;
}

#_ilike_search_form input.inputsubmit:hover {
	color:#2aabe3;
}

#_ilike_search_results > span {
	clear:both;
	width:100%;
	text-align:right;
	padding:10px 0;
}

#__ilike_song_chooser .ilike_content .song_title {
  color:#7f7f7f;
  font-size:11px;
  font-style:italic;
}

#p1 .ilike_content .song_title {
  color:#ffffff;
  font-size:12px;
  font-style:italic;
}

.ilike_content a, .commerce_link {
	color:#2097ca;
	font-style:normal;
}

.commerce_link {
	font-size:10px;
}






/*######################################### contextual holder ##########################*/

#playlistContextualHolder {
	position:relative;
	top:-48px;
	left:0;
	margin:0 0 -48px 0;
	padding:0;
	height:250px;
	background-image:url(../images/playlist/bottom-bar-bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-family:sans-serif;
	font-size:16px;
	color:#a2a2a2;	
}

#didBefore {
	float:right;
	padding:72px 20px 0 0;
	margin:0;
	width:318px;
}

#didBefore ul {
	margin:22px 0 0 26px;
	padding:0;
	list-style-image:url(../images/playlist/icon-link.png);
}

#didBefore ul li {
	padding:0 0 16px 15px;
	margin:0 0 0 5px;
	>margin:0 0 0 -10px;
}

#didBefore ul li.iconBucket {
	list-style-image:url(../images/playlist/bucket-list-link-icon.gif);
}

#didBefore ul li.iconSayIt {
	list-style-image:url(../images/playlist/say-it-link-icon.gif);
}

#didBefore ul li a {
	color:#a2a2a2;
	padding:0 !important;
	line-height:normal;
	>line-height:20px;
	vertical-align:top !important;
}

#didBefore p {
	margin:22px 0 18px 0;
}

#fbConnect {
	width:187px;
	height:43px;
	background-image:url(../images/playlist/btn-facebook-connect.png);
	background-position:left top;
	background-repeat:no-repeat;
	margin:20px 0 0 0;
	padding:14px 0 0 131px;
}

#fbLogoutBox{
	position: relative;
	width: 318px;
	height: 116px;
	background:url(../images/playlist/bg-facebook-logout.png) no-repeat left top;
	margin-top: 10px;
}

#fbLogoutBox #fbDetails {
	margin: 0 auto;
	list-style: none;
	padding-top: 10px;
}

#fbLogoutBox #fbDetails li {
	float: left;
}

#fbLogoutBox #profile_pics{
	display: block;
	width: 50px;
	margin: 0 0 0 50px;
}

#fbLogoutBox #fbConnectUID{
	display: block;
	margin-top: 20px;
}

#fbLogoutBox #fbLogOutBtn{
	display:block;
	clear: both;
	position: absolute;
	right: 10px;
	bottom: 10px;
}


#RES_ID_fb_login {
	float:left;
	width:156px;
	height:28px;
	padding:0;
	background-image:url(../images/playlist/fb-icon.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#14202c;
}

#RES_ID_fb_login_text {
	float:left;
	width:120px;
	margin:0 0 0 28px;
	height:19px;
}

#topPlaylist {	
	margin:0 365px;
	padding:14px 18px 0 18px;
}

#topPlaylist ul#topPlaylistNav {
	display:block;
	height:50px;
}

#topPlaylist ul#topPlaylistNav li {
	float:left;
	padding:0 10px 0 0;
	margin:0;
}

#topPlaylist ul#topPlaylistNav li a {
	display:block;
}

#topTitle {
	width:43px;
	height:32px;
	background-image:url(../images/playlist/title-top.png);
	background-position:left 8px;
	background-repeat:no-repeat;
}

a#topPlaylists {
	width:113px;
	height:32px;
	background-image:url(../images/playlist/btn-playlist.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

a#topPlaylists:hover, a#topPlaylists.selected {
	background-position:left bottom;
}

a#topSongs {
	width:84px;
	height:32px;
	background-image:url(../images/playlist/btn-songs.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

a#topSongs:hover, a#topSongs.selected {
	background-position:left bottom;
}

#topList {
	float:left;
	margin:0;
	padding:0;
	width:80%;
}

.topListRow {
	clear:both;
	float:left;
	width:100%;
	padding:0 0 10px 0;
	margin:0;
}

.topListRowAdd {
	float:left;
	width:25px;
	margin:0;
	padding:0;
}

.topListRowPlay {
	float:left;
	width:25px;
	margin:0;
	padding:0;
}

.topListRowTrack {
	padding:2px 0 0 0;
	font-size:12px;
	vertical-align:middle;
}

.topListRowTrack a {
	color:#2aa7de;
}

#topSong {
	display:none;
	width:300px;
	margin:0;
	padding:0;
	font-size:12px;
	font-style:italic;
	color:#fff;
	background-color:#161a1d;
}

#topSong .commerce_link, #topSong .more_btn_expand {
	display:none;
	visibility:hidden;
}

#topSong .ilike_content .more_btn_expand, #topSong .ilike_content .more_btn_collapse, #topSong .ilike_content .more_btn, #topSong .song_expando {
	visibility:hidden;
	display:none;
}

#btnShareFB {
	
}

#niftyPlayer1 {
	width:0;
	height:0;
}

#niftyToggle {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:37px;
	height:33px;
	cursor:hand;
}

#niftyPlay {
	display:block;
	width:37px;
	height:33px;
	padding:0;
	margin:0;
	background: url(../images/playlist/btn-sound-on-off.png) no-repeat left top;
}

#niftyMute {
	display:block;
	width:37px;
	height:33px;
	padding:0;
	margin:0;
	background: url(../images/playlist/btn-sound-on-off.png) no-repeat left bottom;
}