<div class="ugc-body">
		<div class="ugc-banner">
			<div class="ugc-banner-bg">
				<img src="resources/css/style-yellow/images/ugc-banner-bg.jpg">
				<a id = "auto-show-activity-start-here" class="ugc-start" href="#upload-ugcmusic" title="start here" type="i18n" key="ugc_start_here">START HERE</a>
				<a id = "auto-show-activity-view-contents" class="ugc-view" href="#show-activity-list" title="view contents" type="i18n" key="ugc_view_content">View Content</a>
			</div>
		</div>
		<div class="ugc-con ugc-mb20">
			<div class="ugc-hd">
				<h1 id = "auto-show-activity-campaign-rules" type="i18n" key="ugc_campaign_rules"></h1>
			</div>
			<div class="campaign-rules fn-clear">
					<div class="campaign-rules-item">
						<div class="campaign-rules-item-icon">
							<img id = "auto-show-activity-upload" src="resources/css/style-yellow/images/ugc-activity-upload.png">
						</div>
						<div class="campaign-rules-item-text">
							<p id = "auto-show-activity-campaign-uploads">UPLOAD & SHARE THE MUSIC</p>
							<div id = "auto-show-activity-campaign-uploadms">Upload your music content on MTN Music+; you will receive a link via SMS upon successful content upload. Share this content link on Facebook, Twitter and Instagram to get family and friends to click, listen and like.</div>
						</div>
					</div>
					<div class="campaign-rules-item">
						<div class="campaign-rules-item-icon">
							<img id = "auto-show-activity-featurre" src="resources/css/style-yellow/images/ugc-activity-feature.png">
						</div>
						<div class="campaign-rules-item-text">
							<p id = "auto-show-activity-FEATURED-RADIO">FEATURED ON RADIO</p>
							<div id = "auto-show-activity-likes-weekly">Music upload with the highest likes weekly will be featured on MTN sponsored Radio programs across Nigeria</div>
						</div>
					</div>
					<div class="campaign-rules-item">
						<div class="campaign-rules-item-icon">
							<img id = "auto-show-activity-expose" src="resources/css/style-yellow/images/ugc-activity-expose.png">
						</div>
						<div class="campaign-rules-item-text">
							<p>EXPOSED ON PORTALS</p>
							<div>Amongst the cumulative pool of entries, 10 top entries with the highest likes will be selected. A panel of producers and/music directors (MTN Ambassadors) will select the top 5. The selected 5 songs will be uploaded on MTN music+ platform for one week to gather likes.</div>
						</div>
					</div>
					<div class="campaign-rules-item">
						<div class="campaign-rules-item-icon">
							<img id = "auto-show-activity-win" src="resources/css/style-yellow/images/ugc-activity-win.png">
						</div>
						<div class="campaign-rules-item-text">
							<p>WIN A SALOON CAR</p>
							<div>The person whose song has the highest likes after a week wins a mid-sized saloon car.</div>
						</div>
					</div>
			</div>
					
			<p class="ugc-shares">
				<a id = "auto-show-activity-shares-facebook" class="ugc-icon ugc-icon-facebook" href="#"></a>
				<span id = "auto-show-activity-shares-line" class="ugc-icon ugc-icon-line"></span>
				<a id = "auto-show-activity-shares-twitter" class="ugc-icon ugc-icon-twitter" href="#"></a>
				
			</p>
		</div>
	</div>

<div class="common_second_nav">
    	<a id = "auto-search-back" href="#associate" class="second_nav_back"></a>
    	<a class="second_nav_home" href="#index-page"></a>
    	<h1 id = "auto-search-tittle" class="second_nav_h1">SEARCH</h1>
    </div>
    <div id="search" class="search-box">
        <div id="searchBtnBox">
            <div id="searchBtn"><a href="javascript:void(0)"  key="common_search" type="i18n"></a></div>
        </div>
        <div id="searchInputBox"><input id="auto_search_searchInput" type="text" value="" placeholder="" maxlength="64"></div>
    </div>
    <div class="notice-txt-top" style="display:none;padding:10px;">
        <div style="float: left;background-image: url("resources/img/ico-prompt.png");"></div>
        <p></p>
    </div>
	<div id="subNav">
        <ul id="navListPrev" class="navMenu" index="1">
            <li id="generalTab" class="generalTab" tab="general" style="width:21.5%;"><a style="font-size: 14px;" href="javascript:void(0)" key="common_general_search" type="i18n"></a></li>
            <li id ="songTab" class="songTab" tab="song" style="width:16.5%"><a style="font-size: 14px;" href="javascript:void(0)" key="common_songs_search" type="i18n"></a></li>
            <li id="albumTab" class="albumTab" tab="album" style="width:18.5%"><a style="font-size: 14px;" href="javascript:void(0)" key="music_albums_search" type="i18n"></a></li>
            <li class="playListTab" id="playListTab" tab="playList" style="width:23.5%"><a style="font-size: 14px;" href="javascript:void(0)" key="common_playlists_search" type="i18n"></a></li>
            <li class="artistTab" id="artistTab" tab="artist" style="width:18.5%"><a style="font-size: 14px;" href="javascript:void(0)" key="music_artists_search" type="i18n"></a></li>
        </ul>
    </div>
	<div id="genaralSearch" class="searchArea">
		<div class="group artist_group" style="display:none;">
			<div class="big-title">
				<div class="more more-text" tab="artist"><a style="font-size: 14px;" href="javascript:void(0)" type="i18n" key="view_more_search"></a></div>
				<h1 key="music_artists_search" type="i18n"></h1>
			</div>
			<div class="search-content radio">
				<ul class="mainlist searchArtistList">
				</ul>
			</div>
		</div>
		<div class="group album_group" style="display:none;">
			<div class="big-title">
				<div class="more more-text" tab="album"><a style="font-size: 14px;" href="javascript:void(0)" type="i18n" key="view_more_search"></a></div>
				<h1 key="music_albums_search" type="i18n"></h1>
			</div>
			<div class="search-content radio">
				<ul class="mainlist searchAlbumList">
				</ul>
			</div>
		</div>
		<div class="group playList_group new-playlist-group" style="display:none;">
			<div class="big-title">
				<div class="more more-text" tab="playList"><a style="font-size: 14px;" href="javascript:void(0)" type="i18n" key="view_more_search"></a></div>
				<h1 key=common_playlists_search type="i18n"></h1>
			</div>
			<div class="search-content radio">
				<ul class="mainlist searchPlayListList">
				</ul>
			</div>
		</div>
		<div class="group song_group" style="display:none;">
			<div class="big-title">
				<div class="more more-text" tab="song"><a style="font-size: 14px;" href="javascript:void(0)" type="i18n" key="view_more_search"></a></div>
				<h1 key="common_songs_search" type="i18n"></h1>
			</div>
			<div class="search-content" id="panelList1">
				<ul class="mainlist searchSongList">
				</ul>
			</div>
		</div>
	</div>
	<div class="group  searchArea allSongs" style="display:none;">
        <div class="search-content" id="panelList1">
            <ul class="mainlist allSearchSongList">
            </ul>
        </div>
    </div>
    <div class="group searchArea allAlbums" style="display:none;margin-top:0;">
        <div class="search-content radio">
            <ul class="mainlist allSearchAlbumList">
            </ul>
        </div>
    </div>
     <div class="group new-playlist-group searchArea allPlayLists" style="display:none;">
        <div class="search-content radio">
            <ul class="mainlist allSearchPlayListList">
            </ul>
        </div>
     </div>
     <div class="group searchArea allArtists" style="display:none;margin-top:0;">
        <div class="search-content radio">
            <ul class="mainlist  allSearchArtistList">
            </ul>
        </div>
    </div>

<div class="common_second_nav">
    	<a class="second_nav_home" href="#index-page"></a>
    	<h1 id = "auto-associate-search" class="second_nav_h1">SEARCH</h1>
    </div>
	<div id="search" class="search-box">
        <div id="searchBtnBox">
            <div id="searchBtn"><a id = "auto-associate-common-search" href="javascript:void(0)"  key="common_search" type="i18n"></a></div>
        </div>
        <div id="searchInputBox"><input id="auto_associate_searchInput" type="text" placeholder="" maxlength="64"/></div>
	</div>
	<div class="search-wrap" id="normalSearch" style="display:none;">
        <div class="group clear song_group" style="display:none;">
            <div class="songs" type="i18n" key="common_song"></div>
            <ul class="search-content">
            </ul>
        </div>
        <div class="group clear album_group" style="display:none;">
            <div class="albums" type="i18n" key="common_album"></div>
            <ul class="search-content">
            </ul>
        </div>
        <div class="group clear playList_group" style="display:none;">
            <div class="playlist" type="i18n" key="common_playlist"></div>
            <ul class="search-content">
            </ul>
        </div>
         <div class="group clear artist_group" style="display:none;">
            <div class="artists" type="i18n" key="common_artist"></div>
            <ul class="search-content">
            </ul>
        </div>
	</div>
	<div class="search-wrap detail-group" id="hotSearch" style="display:none;">
        <ul class="clear">
        </ul>    
 	</div>
 	<div class="search-wrap" id="searchHistory" style="display:none;">
 		<div class="group" style="margin-top:0;">
        	<ul class="mainlist clear">
        	</ul>
        </div>    
 	</div>
 	<div class="search-wrap" id="relatedWords" style="display:none;">
        <div class="group" style="margin-top:0;">
        	<ul class="mainlist clear">
        	</ul>
        </div>    
 	</div>

<div class="common_second_nav">
    	<a href="#mymusic-playlist" class="second_nav_back" id="auto-mymusic-publicpage-back"></a>
    	<a class="second_nav_home" href="#index-page"></a>
    	<a id="auto-mymusic-publicpage-edit" href="#myupload-songs?s=2" class="second_nav_edit"></a>
    	<h1 id="auto-mymusic-publicpage-mypublicpage" key="common_mymusic_mypublicpage" type="i18n" class="second_nav_h1"></h1>
    </div>
	<div class="empty-box">
    	<div class="empty-my-page-bg"></div>
    	<div class="empty-info" type="i18n" key="my_page_empty_notice"></div>
    	<a id="auto-mymusic-publicpage-upload-ugnmusic" href="#upload-ugcmusic" class="empty-btn" type="i18n" key="ugc_upload_btn_touch"></a>
    </div>
	<div class="group" style="margin-top:0px">
		<div class="ugcuser-header mypublicpage">
			<div class="ugcuser-bg">
				<img class="userpic" src="">
	
			</div>
			<div class="ugcuser-content">
				<div class="ugcimg">
					<img class="userpic" src=""/>
				</div>
				<div class="usernick cut"></div>
				<div class="info-row">
					<label type="i18n" key="mymusic_myupload_page_jointime"></label>:<label class="jointime"></label>
				</div>
				<div class="info-row">
					<span class="user_state"></span>
					<label  type="i18n" key="myaccount_region"></label>:<label class="region"></label>
				</div>
				<div class="info-row thirdD">
					<a style="margin-top: 5px;margin-bottom: 5px;padding: 0 40px;" href="#upload-ugcmusic" class="act-btn" type="i18n" key="ugc_upload_btn_touch"></a>
				</div>
				<div class="ugcuser-info">
					<ul>
						<li>
							<p class="num"></p>
							<p class="c_gray" type="i18n" key="common_favorite"></p>
						</li>
						<li>
							<p class="num"></p>
							<p class="c_gray" type="i18n" key="mobile_ugc_like"></p>
						</li>
						<li>
							<p class="num"></p>
							<p class="c_gray" type="i18n" key="common_ugcindex_songs"></p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="ugc-songs">
			<ul class="mainlist">
			</ul>
		</div>
		<div class="ugc-comments">
					<div class="comments-title clear" style="text-align:center;">
					  <h1 style="color:#ffcb05;font-size:24px;line-height: 24px;border-bottom:solid 1px rgba(255, 255, 255, 0.5)">COMMENTS</h1>
					  </div>
			<div class="comments-input">
				<p style="color:red" class="notice"></p>
				<textarea placeholder="Input your comments" class="normal-input" maxlength="200"  rows="1" id="commentTextarea" style="margin: 0;height:4rem;padding-left: 5px;padding-top: 6px;text-indent:0px;width:98%;color:#ccc;border-radius:4px;" />
				<div class="clear">
					<a href="#" type="i18n" style="margin-top: 14px;color:#000;border-radius:2px;" key="common_post" class="post-btn"></a>
					<span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>
				</div>
			</div>
			<ul class="ugc-comment-list">
			</ul>
		</div>
		
    </div>

<div class="common_second_nav">
    	<a href="javascript:gotoBack();" class="second_nav_back" id="auto-ugc-act-detail-back"></a>
    	<a id="auto-ugc-act-detail-backhome" class="second_nav_home" href="#index-page"></a>
    	<h1 id="auto-ugc-act-detail-tittle" key="mymusic_mypublicpage" type="i18n" class="second_nav_h1"></h1>
    </div>
	<div class="group" style="margin-top:0px">
		<div class="ugcuser-header">
			<div class="ugcuser-bg">
				<img class="userpic" src="">
			
			</div>
			<div class="ugcuser-content">
				<div class="ugcimg">
					<img class="userpic" src=""/>
				</div>
				<div class="usernick cut"></div>
				<div class="info-row" style="font-size:12px;">
					<label type="i18n" key="mymusic_myupload_page_jointime"></label>:<label class="jointime"></label>
				</div>
				<div class="info-row" style="font-size:12px;">
					<span class="user_state"></span>
					<label class="addreddLa" type="i18n" key="myaccount_region"></label>:<label class="region"></label>
				</div>
				<div class="info-row">
					<a href="#" class="ugcuser-btn fav"><i class="icon-fav"></i><span type="i18n" key="common_favorite"></span></a>
					<a href="#" class="ugcuser-btn good"><i class="icon-good"></i><span type="i18n" key="common_like_face"></span></a>
				</div>
				<div class="ugcuser-info">
					<ul>
						<li>
							<p class="num"></p>
							<p type="i18n" class="c_gray" key="common_favorite"></p>
						</li>
						<li>
							<p class="num"></p>
							<p type="i18n" class="c_gray" key="mobile_ugc_like"></p>
						</li>
						<li>
							<p class="num"></p>
							<p type="i18n" class="c_gray" key="common_ugcindex_songs"></p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="ugc-songs">
			<ul class="mainlist">
			</ul>
		</div>
		<div class="ugc-comments">
			<div class="comments-title clear" style="text-align:center;padding-bottom:6px;"><h1 class="ugc_comment">COMMENTS</h1></div>
			<div class="comments-input">
				<p style="color:red" class="notice"></p>
				<textarea placeholder="Input your comments" class="normal-input" id="commentTextarea" maxlength="200"  rows="1" style="margin: 0;height:4rem;padding-left: 5px;padding-top: 6px;text-indent:0px;width:98%;color:#ccc;border-radius:4px;" />
				<div class="clear">
					<a href="#" type="i18n" style="margin-top: 14px;color:#000;border-radius:2px;" key="common_post" class="post-btn"></a>
					<span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>
				</div>
			</div>
			<ul class="ugc-comment-list" style="overflow: hidden;">
			</ul>
		</div>
		
    </div>

<div class="common_second_nav" style="position: fixed;top: 0;width: 100%;z-index: 99;margin:0;padding:0;">
    	<a href="#index-page" class="second_nav_back" id="auto-ugc-act-detail-back"></a>
    	<a id="auto-ugc-act-detail-backhome" class="second_nav_home" href="#index-page"></a>
    	<h1 id="" class="specialExclusive_header_musicName second_nav_h1"></h1>
    	<a href="javascript:void(0);" class="icon-share specialExclusive_share share"></a>
    </div>
	<div class="group" style="margin-top:40px">
		<div id="specialExclusivePlayer">
			<div class="specialExclusivePlayer_box_bg">
			</div>
			<div class="specialExclusivePlayer_bg">
				<div class="specialExclusiveMoreBtn specialExclusiveMoreBtn_a" style=""></div>
				<div class="specialExclusivePreBtn specialExclusivePreBtn_a" style=""></div>
				<div class="specialExclusivePlayer_mu">
					<div class="specialExclusivePlayer_mu_img" style="margin: 26px 0;">
						<img id="fullplayerimg" src="" width="118" height="118">
					</div>
				</div>
				<div class="specialExclusive_bottom_cont">
					<h1 class="specialExclusive_song_name cut"></h1>
					<p class="singer cut">
						<span id="artist_player_0" class="linkable specialExclusive_artistName"></span>
					</p>
					<div class="info-row fullTrack-btnWrap">
						<div class="fullTrack-btn" style="cursor: pointer" musicCode="'+music.musicCode+'">
							<span type="i18n" key="common_special_track"></span><div class="icon_right"></div>
						</div>
					</div>
					<p type="i18n" key="steam_full_track_7days" class="steam_full_track_7days" id="adv"></p>
				</div>
			</div>
			</div>
		</div>
		<div id="hearthis-comments" class="group detail-group" style="display:block;margin-top:2px;">
        	<div class="big-title" style="width:100%;border-bottom:1px solid rgba(255,255,255,0.08);background:#272727;height:40px;text-align:center;">
		        <h1 style="padding:10px 0 0 10px;color:#ffffff;font-size:24px;border:none;width:100%">COMMENTS</h1></div>
		        <div class="comment valentine clear" style="padding:10px 10px 8px;margin:0;border-bottom:1px solid rgba(255,255,255,0.08);">
		            <div class="list-img" style="display:none"></div>
		            <div class="comment-box" style="width:100%">
		                <div class="list-txt-box clear">
		                    <div class="rate-box float-right" style="margin:0;display:none">
		                        <div class="rate">
		                            <div class="rate-on star5" value="5"></div>
		                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                        </div>
		                    </div>
		                    <p class="list-title cut" style="display:none"></p>
		                </div>
		                <div class="textarea" style="margin-bottom:5px;padding:0px;width:100%;border:none;background-color:#575757;border-radius:4px;margin-top:3px;">
		                <textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="height:4rem;"/></div>
		                <div class="clear">
		                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
		                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span> 
		                </div>
		            </div>
	        </div>
	     </div>
		<div id="hearthis-comments-list">
		    <ul class="mainlist commentslist"></ul>
		</div>
    </div>

<div class="common_second_nav">
    	<a id = "auto-myaccount-points-back" href="javascript:gotoBack();" class="second_nav_back"></a>
    	<a id = "auto-myaccount-points-home" href="#index-page" class="second_nav_home"></a>
    	<h1 id = "auto-myaccount-points-tittle" class="second_nav_h1" type="i18n" key="common_myaccount_points"></h1>
    </div>
    <div class="myaccount-points">
    	<div class="header-bg">
    		<div class="total-points">
    			<div>
    			<img class="total-points-icon" src="resources/css/style-yellow/images/icon-points.png"/>
				<p class="total-points-count"></p>
				</div>
    		</div>
    		<div class="points-links">
	    		<p style="margin-left:-5px">
					<a class="link-btn exchange cut"  href="javascript:void(0)" type="i18n" key="myaccount_exchangerecord">Exchange Record>> </a>
					<a class="link-btn signin cut" style="" href="javascript:void(0)" type="i18n" key="myaccount_signedrecord">Sign-in Record>></a>
					<a class="link-btn rule cut" href="javascript:void(0)" type="i18n" key="myaccount_bonuspointsrule">Sign-in Rule>></a>
				</p>
    		</div>
    		<div class="points-desc"></div>
    	</div>
    	<div class="points-exchange">
    		<div class="big-title">
    			<div class="exchange-title"><p class="title-text" type="i18n" key="myaccount_pointsexchange"></p></div>
    		</div>
    		<div class="product-list marginPL">
    			
    		</div>
    	</div>
    </div>

<div class="bread clear">
			 <div class="breadicon backarrow"><a id = "auto-music-act-back" href="#index-page"></a></div>
	         <h1 id = "auto-music-act-page-tittle" type="i18n" key="music_act_page_title"></h1>
      	</div>
		<div class="turntable_box" style="overflow-x: hidden;overflow-y:hidden;">
			<img class="turntable" src="resources/css/style-yellow/images/turntable.png">
			<img class="prize" id="zp" src="resources/css/style-yellow/images/prize.png">
			<img class="rotate" id="zbtn2" src="resources/css/style-yellow/images/rotate-static.png" usemap="#btnmap">
			
			<map name="btnmap">
				<area id="zbtnarea" class="zbtn-pointer" shape="circle" coords="254.5,254.5,73" href="javascript:void(0);"/> 
				 
			</map>
			
			<map name="bgmap">
				
			</map>
		</div>
		<div class="act_desc">
			<ul>
				<li class="act_mypoints"></li>
				<li><h3 type="i18n" key="music_act_rule_title"></h3><p id="act-rule-desc"></p></li>
				<li><h3 type="i18n" key="music_act_howto_title"></h3><p id="act-howto-desc"></p></li>
				<li><h3 type="i18n" key="music_act_duration_title"></h3><p id="act-duration-desc"></p></li>
				<li><h3 type="i18n" key="myaccount_morePoints">:</h3>
				<p id="act-point-desc">Get more points by listening to more songs and sharing with your friends on facebook and twitter, download more songs.</p>
				<table width="96%" border="0" cellspacing="0" cellpadding="0">
					<thead><tr><td>Actions </td><td>Points</td></tr></thead>
					<tbody>
						<tr><td>Login </td><td>50MP/Time (Max 200P)</td></tr>
						<tr><td>Share Songs on SNS  </td><td>2MP/Time</td></tr>
						<tr><td>Comment </td><td>2MP/Time</td></tr>
						<tr><td>Buy Anything </td><td>2MP/Naira</td></tr>
						<tr><td>Share Playlist on Hot Vibes  </td><td>2MP/Time</td></tr>
					</tbody>
				</table>
				</li>
				
			</ul>
		</div>
		<div class="act_winner" style="HEIGHT:150px;">
			<div>
				<span class="title" type="i18n" key="music_act_winner_title"></span>
			</div>
			<div id="winner-list" style="height:120px; overflow:hidden;">
			<div  style="height: 200px;" >
			<table width="98%" border="0" cellspacing="5" cellpadding="5">
			</table>
			</div>
			</div>
		</div>
		<div><p style="color:#ffcb05; padding-top: 40px;padding-left: 10px;padding-right: 10px;font-weight: 600; text-align: center;">Welcome to join MTN Music+ BB Group PIN: c001fceef</p></div>

<div id="uploadUgcMusic" style="margin:0;">
	<div class="common_second_nav">
		<a id = "auto-upload-ugcmusic-back" href="javascript:void(0);" class="second_nav_back" ></a>
		<a id="auto-upload-ugcmusic-backhome" class="second_nav_home" href="#index-page"></a>
		<h1 id = "auto-upload-ugcmusic-upload-btn" type="i18n" key="ugc_upload_btn_touch" class="second_nav_h1"></h1>
	</div>
	<div id="steping1" style="display:none;">
		<ul class="upload-step">
			<li class="active"><div class="number_1">1</div><span type="i18n" key="ugc_select_song" style="margin-left:-30px;"></span></li>
			<li><div class="number_2">2</div><span type="i18n" key="ugc_complete_info" style="margin-left:-5px;"></span></li>
		</ul>
		<div class="clear"></div>
	</div>
	<div id="steping2" style="display:none;">
		<ul class="upload-step">
			<li><div class="number_1">1</div><span type="i18n" key="ugc_select_song" style="margin-left:-30px;"></span></li>
			<li class="active"><div class="number_2">2</div><span type="i18n" key="ugc_complete_info" style="margin-left:-5px;"></span></li>
		</ul>
		<div class="clear"></div>
	</div>
	<div class="iterm modify-ugcmusic">
		<form method="post" id="uploadugcform">
			<div class="music-cover" style="margin-top: 18px;">
				<div class="music-cover-img">
					<img style="width: 100px; height: 100px;" src="resources/img/ugc-music-cover.jpg" onerror="handleImgError(this,1)" id="picPath">
					<div class="music-cover-plus"></div>
					<input type="hidden" id="picUrl" name="picUrl">
					<input type="hidden" id="avatarUrl" name="avatar">
					<input type="hidden" name="portalType" value="touch" />
					<input type="file" name="multipartFile" id="uploadpic" class="music-cover-upload">
					<div id="img_progress"><div class="bar"></div></div>
				</div>
				<p key="public_pictureInfo_touch" type="i18n" class="music-cover-title"></p>
				<p key="common_picerror2" type="i18n" class="music-cover-des"></p>
				<p id="errormsg-pic" class="errormsg"></p>
			</div>
			<div id="ugc-step1">
			<div class="music_title">
				<div class="title-name">
					<span key="song_name" type="i18n" class="input-txt"></span>
					<span style="color: red;">*</span>
				</div>
				<div class="">
					<div>
						<input type="hidden" id="uploadId" name="uploadId">
						<input type="text" id="name" maxlength="30" class="input" name="name">
					</div>
					<div style="text-align:right">
						<span class="light-txt">
							<span class="light-txt promptNum">0</span>
							/30
						</span>
					</div>
					<span class="hidden" id="nickname_h">
					</span>
					<div>
						<span style="display: inline;" id="errormsg-name" class="errormsg"></span>
					</div>
				</div>
			</div>
			<div class="music_title" style="border-bottom: 1px solid #f2f2f2;padding-bottom:10px;">
				<div class="title-name">
					<span key="common_song_file" type="i18n" class="input-txt"></span>
					<span class="input-txt">(</span>
					<span key="only_mp3_file_supported" type="i18n" class="input-txt"></span>
					<span class="input-txt">)</span>
					<span style="color: red;">*</span>
					<span id="music-file-uploaded" class="input-txt"></span>
				</div>
				<div class="">
					<div class="account-btn" id="music-file">
						<input type="hidden" name="musicFileName" id="music-file-name" />
						<a id="myaccount_selectfile" href="#" type="i18n" key="myaccount_selectfile" calss="empty-btn"></a> 
						<div id="mp3_progress"><div class="bar"></div></div>
						<input type="file"
							style="position: absolute; filter: alpha(opacity : 0); opacity: 0; cursor: pointer"
							id="uploadfile" class="type-file-file" name="ugcFile">
					</div>
				</div>
				<div class="clear"></div>
				<span class="errormsg" id="errormsg-file" style="display: inline;"></span>
			</div>
			<div class="music_title">
				<div class="title-name">
					<span class="input-txt" type="i18n" key="ugc_language"></span>
					<span style="color: red;">*</span>
				</div>
				<div class="">
			        <div class="iterm-box">
                          <select id="language-select" name="language"></select>                                                                
                    </div>
					<div>
						<span class="errormsg" id="errormsg-lang" style="display: inline;"></span>
					</div>
				</div>
			</div>
			<div class="music_title">
				<div class="title-name">
					<span class="input-txt" type="i18n" key="ugc_genre"></span>
					<span style="color: red;">*</span>
				</div>
				<div class="">
			        <div class="iterm-box">
                          <select id="genre-select" name="genre"></select>                                                                
                    </div>
					<div>
						<span class="errormsg" id="errormsg-genre" style="display: inline;"></span>
					</div>
				</div>
			</div>
			<div class="music_desc">
				<div class="title-name">
					<span key="song_description" type="i18n" class="input-txt">SONG DESCRIPTION</span>
					<span class="light-txt">(<span class="promptNum">0</span>/200)</span>
				</div>
				<div style="margin-top:15px;" class="">
					<textarea maxlength="200" placeholder="Input the song description" rows="3" name="descrption" id="music_desc"/>
					<div>
						<span style="display: inline;" id="errormsg-desc" class="errormsg"></span>
					</div>
				</div>
			</div>
			<div style="margin-top:15px">
				<div class="iterm-txt">
					<input id="join-btn" type="checkbox" checked="true" name="activityLabel" class="checkbox">
					<span class="insteadIpt"><i class="checkImg"></i></span>
					<p class="agreeterms">
						<span id="pjoin" type="i18n" key="ugc_join_underground_beats"></span>
					</p>
				</div>
				<div class="iterm-txt">
					<input id="IAgree" type="checkbox" checked="true" name="agreeCheck" class="checkbox">
					<span class="insteadIpt"><i class="checkImg"></i></span>
					<p class="agreeterms">
						<span id="pagree" type="i18n" key="common_registeragreeto"></span>
						<a id="termsUserLink" href="terms.html" class="a-blue"
							type="i18n" key="common_registerterms" target="_blank"></a>
					</p>
				</div>
			</div>
			<div class="act-btn gray-btn" key="common_Submit" type="i18n" id="submit" style="margin-top:15px"></div>
			</div>
			
			<div id="ugc-step2" style="margin-top:10px">
				<div class="music_title">
					<div class="">
						<span class="input-txt" type="i18n" key="ugc_myaccount_nickname"></span>
						<span style="color: red;">*</span>
					</div>
					<div class="">
						<div>
							<input type="text" name="nickname" class="input" maxlength="50"
								id="nickname">
						</div>
						<div style="text-align: right">
							<span class="light-txt"> <span class="light-txt promptNum">0</span>
								/50
							</span>
						</div>
						<span id="nickname_h" class="hidden"> </span>
						<div>
							<span class="errormsg" id="errormsg-nickname" style="display: inline;"></span>
						</div>
					</div>
				</div>
				<div class="music_title">
					<div class="">
						<span class="input-txt" type="i18n" key="ugc_myaccount_region"></span>
						<span style="color: red;">*</span>
					</div>
					<div class="">
				        <div class="iterm-box">
	                          <select id="region-select" name="region"></select>                                                                
	                    </div>
						<div>
							<span class="errormsg" id="errormsg-region" style="display: inline;"></span>
						</div>
					</div>
				</div>
				<div class="act-btn" key="common_Submit" type="i18n" id="submit2"></div>
			</div>
			
			
		</form>
	</div>
</div>
<div id="uploadImage" style="display:none;">
    <div class="common_second_nav">
		<a href="javascript:void(0);" class="upload_ugc_music_back" ></a>
		<a class="second_nav_home" href="#index-page"></a>
		<h1 type="i18n" key="ugc_upload_btn_touch_edit_img" class="second_nav_h1"></h1>
	</div>
    <div class="editImage"></div>
</div>

<div class="valentine-desc">	
    <div class="valentine-back"></div><h3 type="i18n" key="common_custom_page_01_valentine"></h3>
    </div>
    
    <div class="valentine-banner">
   <div class="valentine-banner-wrap" > <div class="valentine-play-all"><h3>PLAY ALL</h3></div></div>
    <img src="resources/images/2016-ValentineDay/ValentineDay.jpg" width="100%"/>
    </div>
    
    <div class="valentine-info">
    
    <p  style="font-family:Georgia" type="i18n" key="custom_page_01_Enjoy"></p>
    </div>
    
    <div class="valentine-share">
    <div class="wrap">
    	<a class="fb" target="blank"></a>
    	<div class="split-line"></div>
    	<a class="tw" target="blank"></a>
    </div>
    </div>
    
    <div class="valentine-plan" style="display:none;">
    <a href="javascript:void(0)" class="valentine-plan-order"><i type="i18n" key="custom_page_01_Click"></i> </a>
    <br/>
    <a href="javascript:void(0)" class="subscribe-btn">SUBSCRIBE</a>
    </div>
    
    
    
    <div class="valentine-info-stream" style="display:none;">
    	<p  style="color:#d0a8ac;font-size:0.75rem;line-height:1rem;text-align:center;" type="i18n" key="custom_page_01_Stream"></p>
    </div>
    
    <div class="valentine-playlist-name" style="padding-top:20px;">
    <h3>PLAYLIST</h3>
    </div>
    
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border"></ul>
        </div>
    </div>
    <div id="hearthis-comments" class="group detail-group" style="display:none;">
        <div class="big-title" style="text-align:center;margin-top:35px"><h1 style="color:#fff;font-size:24px;border-bottom:solid 1px rgba(255, 255, 255, 0.5);padding-bottom:6px;">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea"  style="margin-bottom:5px;padding:0px;width:100%;background-color: #B7606D;border-radius:4px;border:none;">
                <textarea style="background-color: #B7606D;border-radius:4px;padding-left: 5px;padding-top: 6px;width: 98%;height: 4rem;" id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                      
                    </div>
            </div>
        </div>
     </div>
     
     <div id="hearthis-comments-list"><ul class="mainlist commentslist"></ul></div>

<div class="valentine-desc"  style="background-color:#ffcb05">	
       <div class="valentine-back"></div>
       <h3 class="cut" style="padding-right:0px;width:55%;margin:0 auto;"></h3>
    </div>
    
    <div class="valentine-banner">
       <div class="valentine-banner-wrap">
          <div class="valentine-play-all"><h3>PLAY ALL</h3></div>
       </div>
       <img src="" width="100%"/>
    </div>
    
    <div class="valentine-info">
       <p ></p>
    </div>
    
    <div class="valentine-share">
       <div class="wrap">
    	  <a class="fb" target="blank"></a>
    	  <div class="split-line"></div>
    	  <a class="tw" target="blank"></a>
       </div>
    </div>
    
    <div class="valentine-plan" style="display:none;">
       <a href="javascript:void(0)" class="valentine-plan-order"><i type="i18n" key="custom_page_01_Click"></i> </a>
       <br/>
       <a href="javascript:void(0)" class="subscribe-btn">SUBSCRIBE</a>
    </div>
    
    <div class="valentine-info-stream" style="display:none;">
    	<p  style="color:#fff;font-size:0.75rem;line-height:1rem;text-align:center;" type="i18n" key="custom_page_01_Stream"></p>
    </div>
    
    <div id="promotion-height" class="valentine-playlist-name" style="padding-top:20px;">
        <div  class="listforward">
        </div>
        <div  class="listnext">
        </div>
        <h3 class="list-name">PLAYLIST</h3>
    </div>
    
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD"><div class="close" style="float:none;"></div></td>
            <td width="35%"><div class="notice-txt"><p type="i18n" key="common_listenapp"></p></div></td>
            <td><div class="act-btn openapp" type="i18n" key="common_openapp"></div></td>
        </tr>
        </table>
    </div>
    
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border"></ul>
        </div>
    </div>
    
     <div class="pagePGC">
	      <div class="pagePGC-forward canClick">
	      </div>
	      <div class="pagePGC-next canClick">
	      </div>
	      <div class="pagePGC-number">
	        1/1
	      </div>
     </div>
    
    <div class="pageAPP">
    	 <a style="font-size:14px;display:block;" id="appdownlink"  href="javascript:lanchApp('a',9,true);" key="common_app_via" type="i18n">Download APP</a>
    </div>
    
    <div id="hearthis-comments" class="group detail-group">
        <div class="big-title" style="text-align:center;margin-top:20px"><h1 style="color:#fff;font-size:24px;border-bottom:solid 1px rgba(255, 255, 255, 0.5);padding-bottom:6px;width:100%">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea"  style="margin-bottom:5px;padding:0px;width:100%;border-radius:4px;border:none;">
                <textarea style="background-color: #B7616E;height: 4rem;" id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
						
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span> 
                    </div>
            </div>
        </div>
     </div>
     
     <div id="hearthis-comments-list"><ul class="mainlist promotion-commentslist"></ul><ul id="loading" display="none"></ul></div>

<div class="common_second_nav" style="position: fixed;top: 0;width: 100%;z-index: 99;margin:0;padding:0;">
    	<a href="#index-page" class="second_nav_back" id="auto-ugc-act-detail-back"></a>
    	<a id="auto-ugc-act-detail-backhome" class="second_nav_home" href="#index-page"></a>
    	<h1 id="" class="specialExclusive_header_musicName second_nav_h1"></h1>
    	<a href="javascript:void(0);" class="icon-share specialExclusive_share share"></a>
    </div>
    
	<div class="group" style="margin-top:40px">
		<div id="specialExclusivePlayer">
			<div class="specialExclusivePlayer_box_bg">
			</div>
			<div class="specialExclusivePlayer_bg">
				<div class="specialExclusiveMoreBtn specialExclusiveMoreBtn_a" style=""></div>
				<div class="specialExclusivePreBtn specialExclusivePreBtn_a" style=""></div>
				<div class="specialExclusivePlayer_mu">
					<div class="specialExclusivePlayer_mu_img" style="margin: 26px 0;">
						<img id="fullplayerimg" src="" width="118" height="118">
					</div>
				</div>
				<div class="specialExclusive_bottom_cont">
					<h1 class="specialExclusive_song_name cut"></h1>
					<p class="singer cut">
						<span id="artist_player_0" class="linkable specialExclusive_artistName"></span>
					</p>
					<div class="info-row fullTrack-btnWrap">
						<div class="fullTrack-btn" style="cursor: pointer" musicCode="'+music.musicCode+'">
							<span type="i18n" key="common_special_track"></span><div class="icon_right"></div>
						</div>
					</div>
					<p type="i18n" key="steam_full_track_7days" class="steam_full_track_7days" id="adv"></p>
				</div>
			</div>
			</div>
		</div>
		<div id="hearthis-comments" class="group detail-group" style="display:block;margin-top:10px;">
        	<div class="big-title" style="width:100%;border-bottom:1px solid #4e4e4e;background:#272727;height:40px;text-align:center;">
		        <h1 style="padding:10px 0 0 10px;color:#ffffff;font-size:24px;border:none;width:100%">COMMENTS</h1></div>
		        <div class="comment valentine clear" style="padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:10px;margin:0">
		            <div class="list-img" style="display:none"></div>
		            <div class="comment-box" style="width:100%">
		                <div class="list-txt-box clear">
		                    <div class="rate-box float-right" style="margin:0;display:none">
		                        <div class="rate">
		                            <div class="rate-on star5" value="5"></div>
		                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
		                        </div>
		                    </div>
		                    <p class="list-title cut" style="display:none"></p>
		                </div>
		                <div class="textarea" style="margin-bottom:5px;padding:0px;width:100%;border-radius:4px;border:none;background-color:#4d4d4d">
		                <textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="background-color: #4d4d4d;height: 4rem;"/></div>
		                <div class="clear">
		                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
		                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span> 
		                </div>
		            </div>
	        </div>
	     </div>
		<div id="hearthis-comments-list"><ul class="mainlist promotion-commentslist"></ul><ul id="loading" display="none"></ul></div>
    </div>

<div class="valentine-desc">	
    <div class="valentine-back"></div><h3>STREET JAMZ</h3>
    </div>
    
    <div class="valentine-banner">
   <div class="valentine-banner-wrap" > <div class="valentine-play-all streejamz"><h3>PLAY ALL</h3></div></div>
    <img src="resources/images/2016-StreetJAMZ/StreetJAMZ.jpg" width="100%"/>
    </div>
        
    <div class="valentine-share">
    <div class="wrap">
    	<a class="fb" target="blank"></a>
    	<div class="split-line"></div>
    	<a class="tw" target="blank"></a>
    </div>
    </div>
    
    <div class="valentine-plan">
    <a href="javascript:void(0)" class="valentine-plan-order streejamz"><i>Click Here to stream unlimited music and Enjoy 30MB @ N5 for 3 days >></i> </a>
    </div>
    
    <div class="valentine-playlist-name">
    <h3>PLAYLIST</h3>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border"></ul>
        </div>
    </div>
    <div id="hearthis-comments" class="group detail-group" style="display:none;">
        <div class="big-title" style="text-align:center;margin-top:40px"><h1 style="color:#ffffff;font-size:24px;border-bottom:solid 1px rgba(255, 255, 255, 0.5);width:100%">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea"  style="margin-bottom:5px;padding:0px;width:100%;border:solid 0px #ffffff"><textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="color:#ffffff"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                        
                    </div>
            </div>
        </div>
     </div> 
     <div class="comment valentine no-login clear" id="hearthis-nologin-comment" style="display:none;" >
     	<div class="big-title" style="text-align:center;margin-top:40px;margin-bottom:10px"><h1 style="color:#ffffff;font-size:24px">COMMENTS</h1></div>
                <div class="list-img" style="display:none"><img src="resources/images/data/default-user.jpg"></div>
                <div class="comment-box" style="width:100%;border:solid 1px rgba(255, 255, 255, 0.5)">
                    <p><a style="color:#ffffff;text-decoration:underline;" href="javascript:void(0);" id="hearthis-register_comment" type="i18n" key="common_register"></a> <span style="color:#ead1d5" type="i18n" key="common_or"></span> <a href="javascript:void(0);" class="" id="hearthis-login_comment" type="i18n" key="common_login" style="color:#ffffff;text-decoration:underline;"></a> <span  style="color:#ead1d5" type="i18n" key="common_saysomething"></span></p>
                </div>
          </div>
     <div id="hearthis-comments-list"><ul class="mainlist commentslist"></ul></div>

<div class="valentine-desc">	
    <div class="valentine-back"></div><h3>Easter Tunez</h3>
    </div>
    
    <div class="valentine-banner">
   <div class="valentine-banner-wrap" > <div class="valentine-play-all topic" style="background-image: url('resources/images/2016-EasterTunez/EasterTunez-bg.png');"><h3 style="color:#000000">PLAY ALL</h3></div></div>
    <img src="resources/images/2016-EasterTunez/EasterTunez.jpg" width="100%"/>
    </div>
        
    <div class="valentine-share">
    <div class="wrap">
    	<a class="fb" target="blank"></a>
    	<div class="split-line"></div>
    	<a class="tw" target="blank"></a>
    </div>
    </div>
    
    <div class="valentine-plan">
    <a href="javascript:void(0)" class="valentine-plan-order topic" style="color:#ffffff"><i>Click Here to stream unlimited music and Enjoy 30MB @ N5 for 3 days >></i> </a>
    </div>
    
    <div class="valentine-playlist-name">
    <h3 style="color:#ffffff">PLAYLIST</h3>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList" >
            <ul class="mainlist hearthisdetailcontent valentine-border"></ul>
        </div>
    </div>
    <div id="hearthis-comments" class="group detail-group" style="display:none;">
        <div class="big-title" style="text-align:center;margin-top:40px"><h1 style="width:100%;color:#ffffff;font-size:24px;border-bottom:solid 1px rgba(255, 255, 255, 0.5)">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea"  style="margin-bottom:5px;padding:0px;width:100%;border:solid 0px #ffffff"><textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="background-color:#ad7bba;color:#ffffff"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                        
                    </div>
            </div>
        </div>
     </div> 
     <div class="comment valentine no-login clear" id="hearthis-nologin-comment" style="display:none;" >
     	<div class="big-title" style="text-align:center;margin-top:40px;margin-bottom:10px"><h1 style="color:#ffffff;font-size:24px">COMMENTS</h1></div>
                <div class="list-img" style="display:none"><img src="resources/images/data/default-user.jpg"></div>
                <div class="comment-box" style="width:100%;border:solid 1px rgba(255, 255, 255, 0.5)">
                    <p><a style="color:#ffffff;text-decoration:underline;" href="javascript:void(0);" id="hearthis-register_comment" type="i18n" key="common_register"></a> <span style="color:#ead1d5" type="i18n" key="common_or"></span> <a href="javascript:void(0);" class="" id="hearthis-login_comment" type="i18n" key="common_login" style="color:#ffffff;text-decoration:underline;"></a> <span  style="color:#ead1d5" type="i18n" key="common_saysomething"></span></p>
                </div>
          </div>
     <div id="hearthis-comments-list"><ul class="mainlist commentslist"></ul></div>

<div class="valentine-banner">
	    <img src="resources/images/2016-ProjectFame/banner.png" width="100%"/>
    </div>
        
    <div class="valentine-share">
    <div class="wrap">
    	<a class="fb" target="blank"></a>
    	<div class="split-line"></div>
    	<a class="tw" target="blank"></a>
    </div>
    </div>
    
    <div class="valentine-plan" style="padding-top:10px;">
    <a href="javascript:void(0)" class="valentine-plan-order topic" style="color:#ffffff;line-height: 13px;"><i>Click here to get 30MB and stream unlimited music!<br/> FREE for 3 days! >></i> </a>
    </div>
    
    <div class="valentine-playlist-name">
    <h3 style="color:#ffffff;font-weight: 600;padding-top:10px;">PHASE 1</h3>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border chart-line"></ul>
        </div>
		<div class="click_a" id="click-load-more" style="display:none;">
	    	<a href="javascript:void(0)" style="color:#ffffff" type="i18n" key="click_to_view_more"> </a>
	    </div>
	            
    </div>
    <div id="project-fame-phases"></div>

<div class="click_a" id="ugc-home-link">
    	<a href="#music-show" style="color:#ffffff" type="i18n" key="ugc_act_pf9_click_ugc"> </a>
    </div>
    
    <div id="hearthis-comments" class="group detail-group" style="display:block;">
        <div class="big-title" style="text-align:center;margin-top:35px">
		       
        <h1 style="width:100%;color:#ffffff;font-size:24px;line-height: 28px;border-bottom:solid 1px rgba(255, 255, 255, 0.08);padding-bottom:6px;">COMMENTS</h1></div>
        <div class="comment valentine clear" style="padding-top:3px;padding-bottom:8px;">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%;">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea" style="margin-bottom:5px;padding:0px;width:100%;border:none;background-color: #575757;border-radius:4px;">
                <textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="height:4rem;background-color: #575757;border-radius:4px;padding-left: 5px;padding-top: 6px;width: 98%;color:#a7a7a7"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                        
                    </div>
            </div>
        </div>
     </div>

<div class="valentine-banner"></div>
    <div class="valentine-playlist-name">
       <h3 style="color:#ffffff;margin:20px 0;">WEEK 1</h3>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border chart-line"></ul>
        </div>
		<div class="click_a" id="click-load-more" style="display:none;">
	    	<a href="javascript:void(0)" style="color:#ffffff;text-decoration:underline;color:#999;" type="i18n" key="ugc_act_next_rated_click"> </a>
	    </div>
    </div>
    <div id="project-fame-phases"></div>
    <div id="hearthis-comments" class="group detail-group" style="display:block;">
        <div class="big-title" style="text-align:center;margin-top:35px;">
        
        <h1 style="width:100%;color:#ffffff;font-size:24px;border-bottom:solid 1px rgba(255, 255, 255, 0.08);padding-bottom:6px">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea" style="margin-bottom:5px;padding:0px;width:100%;border:none;background-color:#575757;border-radius:4px;">
                <textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments" style="height:4rem;background-color:#575757;color:#a7a7a7;padding-left:5px;border-radius:4px;padding-top: 6px;width: 98%"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                        
                    </div>
            </div>
        </div>
     </div> 
     <div id="hearthis-comments-list"><ul class="mainlist commentslist"></ul></div>

<div class="valentine-desc">
    <div class="valentine-back"></div><h3></h3>
    </div>
    
    <div class="valentine-banner">
   <div class="valentine-banner-wrap" > <div class="valentine-play-all cpa-special-playall play-in-miniplayer"><h3>PLAY ALL</h3></div></div>
    <img src="" width="100%" style="display:none;"/>
    </div>
    
    <div class="valentine-share">
    <div class="wrap">
    	<a class="fb" target="blank"></a>
    	<div class="split-line"></div>
    	<a class="tw" target="blank"></a>
    </div>
    </div>
    
    <div class="valentine-plan" style="">
    	<a href="javascript:void(0)" class="valentine-plan-order"><i>Click to get 2HD tracks & stream unlimited music @N100 only >></i> </a>
    	<br/>
    	<a href="javascript:void(0)" class="subscribe-btn">SUBSCRIBE</a>
    </div>
    <div class="valentine-info">
    	<p  style="color:#a7a7a7;font-size:0.75rem;line-height:1rem;text-align:center;">Stream 30s on each song for free and as a subscriber you get unlimited streaming on all songs.</p>
    </div>
    
    <div class="valentine-playlist-name" style="padding-top:20px;">
    <h3>PLAYLIST</h3>
    </div>
    <div class="iterm-box notice-bg for-btn clear appNotice"  style="display:none;">
        <table style="width:100%;" cellspacing="0" cellpadding="0">
        <tr>
            <td class="closeTD" >
                <div class="close" style="float:none;"></div>
            </td>
            <td width="35%">
                <div class="notice-txt">
                    <p type="i18n" key="common_listenapp">
                    </p>
                </div>
            </td>
            <td>
                <div class="act-btn openapp" type="i18n" key="common_openapp">
                </div>
            </td>
        </tr>
        </table>
    </div>
    <div class="music-box clear" style="display:none">
        <div class="music-img">
            <div class="mark-bar"><div class="mark-txt"></div></div>
        </div>
        <div class="music-des"  >
            <div class="music-des-top clear">
                <p class="title break"></p>
            </div>
            <div class="icon-box clear">
                <div class="icon-bar play play-category"></div>
                <div class="icon-bar share"></div>
                <div class="icon-bar fav2"></div>
            </div>
        </div>
    </div>
    <div class="intro-txt" style="display:none">
        <h1 type="i18n" key="common_intro"></h1>
        <div class="moreDetail float-right" style="display:none;">
            <span class="blue-p" type="i18n" key="common_seemore"></span>
            <div class="downarrow"></div>
        </div>
        <p class="cut"><span></span></p>
        <div class="foldDetail float-right" style="display:none">
            <span class="blue-p" type="i18n" key="common_fold"></span>
            <div class="uparrow"></div>
        </div>
    </div>
    <div class="group">
        <div id="panelList">
            <ul class="mainlist hearthisdetailcontent valentine-border"></ul>
        </div>
    </div>
    <div id="hearthis-comments" class="group detail-group" style="display:none;">
        <div class="big-title" style="text-align:center;margin-top:35px"><h1 style="width:100%;color:#ffffff;font-size:24px;border-bottom:solid 1px #414141;padding-bottom:6px">COMMENTS</h1></div>
        <div class="comment valentine clear">
            <div class="list-img" style="display:none"></div>
            <div class="comment-box" style="width:100%">
                <div class="list-txt-box clear">
                    <div class="rate-box float-right" style="margin:0;display:none">
                        <div class="rate">
                            <div class="rate-on star5" value="5"></div>
                            <span class="noml" type="radio" name="starLv" value="1" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="2" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="3" style="margin-right: 4px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" name="starLv" value="4" style="margin-right: 3px;opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                            <span type="radio" class="nom5" name="starLv" value="5" style="opacity:0;z-index: 10;width: 16px;height: 15px;display: block;float: left;cursor: pointer;"></span>
                        </div>
                    </div>
                    <p class="list-title cut" style="display:none"></p>
                </div>
                <div class="textarea"  style="margin-bottom:5px;padding:0px;width:100%;background-color: #575757;border-radius:4px;border:none;"><textarea id="hearthis-commentTextarea" maxlimit="200" placeholder="Input your comments"/></div>
                <div class="clear">
                        <div class="post-btn" style="cursor:pointer;background-color:#ffffff;color:#000000;border-radius:2px;" type="i18n" key="common_post"></div>
                        <span class="light-txt"><span class="light-txt promptNum">0</span>/200</span>                        
                    </div>
            </div>
        </div>
     </div> 
     <div class="comment valentine no-login clear" id="hearthis-nologin-comment" style="display:none;" >
     	<div class="big-title" style="text-align:center;margin-top:40px;margin-bottom:10px"><h1 style="color:#ffffff;font-size:24px">COMMENTS</h1></div>
                <div class="list-img" style="display:none"><img src="resources/images/data/default-user.jpg"></div>
                <div class="comment-box" style="width:100%;border:solid 1px rgba(255, 255, 255, 0.5)">
                    <p><a style="color:#ffffff;text-decoration:underline;" href="javascript:void(0);" id="hearthis-register_comment" type="i18n" key="common_register"></a> <span style="color:#ead1d5" type="i18n" key="common_or"></span> <a href="javascript:void(0);" class="" id="hearthis-login_comment" type="i18n" key="common_login" style="color:#ffffff;text-decoration:underline;"></a> <span  style="color:#ead1d5" type="i18n" key="common_saysomething"></span></p>
                </div>
          </div>
     <div id="hearthis-comments-list"><ul class="mainlist commentslist"></ul></div>
     <div style="height:20px;"></div>

Kings Of Sounds

RECOMMENDED

Latest Comments

Latest Albums

Genres