genre tag!<style type="text/css">

    /* tl is tracklist */
     .tl-box {
        border-bottom: 1px dashed #DDDDDD;
        margin: 5px auto;
        padding-bottom: 2em;
     }
     .tl-box.last{
         border-bottom: none;
     }
     .track-desc {
         padding: 20px 0;
     }
    .tl-boxpad{
        padding:20px;
        border: 1px solid #ccc;
    }
    .tl-head{
        padding-bottom:10px;
        font-weight: bold;
    }

    .tl-right{
        float: right;
        text-align: center;
        width: 160px;
        margin-right: 15px;
    }
    .tl-right .button {
        width: 100%;
        margin-bottom: 2px;
        display: block;
    }
    .play-button{
        width:80px;
        text-align:center;
    }

    .tl-categories{
    }

    .att_lbl {
        width: 120px;
        float: left;
    }
    .att {

    }
    .paging-charts{
        font-size:16pt;
        font-weight:bold;
        color:#777777;
        margin-bottom: 20px;
    }
    .track-count {
        color:#777777;
        font-size: 16pt;
        margin-bottom:5px;
    }

    .hidden{
         display: none;
     }

    .tl-buttons-box{
         margin-left: 5px;
    }
    .tl-buttons-inline {
         overflow: hidden;
    }
    .tl-buttons-inline .inline-btns{
        float: left;width: 50%;
    }
    .tl-buttons-inline .inline-btns .inline-margin-right {
        margin-right:  2px;
    }
    .tl-buttons-inline .inline-btns .inline-margin-left {
        margin-left:  2px;
    }
    .tl-box-playlists {

    }
    .att-lblbox{
        overflow: hidden;
        margin-bottom: 5px;
    }
    .att-lblbox .att_lbl{

    }
    .att-lblbox .att{
        margin-left: 120px;
        word-wrap: break-word;
    }
    .bm-star-active,.bm-star-inactive{
        background: url('/images/icons/bm-star-16px.png') no-repeat left top;
        display: block;
        width: 16px;
        height: 16px;
    }
    .bm-star-inactive:hover {
        cursor: pointer;
        background-position: left -16px;
    }

    .bm-star-active {
        cursor: pointer;
        background-position: left bottom;
    }
    .bm-star-active:hover {
        cursor: pointer;
        background-position:  left -32px ;
    }
</style>
<script type="text/javascript">

function getUpdate(typ, pr1) {
        if (typ == "item") {
            var pmcurrentItem = 'track' + pr1;

            var inthtml = document.getElementById(pmcurrentItem).innerHTML;
            var more_id = new RegExp($('div.tl-categories span', $(inthtml)).attr('id'), 'g');
            inthtml = inthtml.replace(more_id, 'current_more');

            var attr_id = new RegExp($('div.tl-categories .hidden_block', $(inthtml)).attr('id'), 'g');
            inthtml = inthtml.replace(attr_id, 'current_track_more');

            document.getElementById('track_playing').innerHTML = inthtml;
            $('#track_playing').find('.more_btn').click();
        }
}

function add_track_to_playlist(mID, plID){
        var num = parseInt($("#playlistdetails-"+ mID +" .playlist-"+ plID +":first").text()) + 1;
        $(".playlist-"+ plID).text(num);
        var text = '<a class="button button-red" href="javascript:void(0);" onclick="$.get(\'https://www.proudmusiclibrary.com/en/playlist/ajax_remove_track'+ plID +'/'+ mID +'/\'); remove_track_from_playlist(\''+ mID +'\',\''+ plID +'\'); return false;" title="Remove this track from this playlist">Remove from this playlist</a>';
        $("#playlistdetails-"+ mID +" .pl_action-"+ plID).html(text);
}

function remove_track_from_playlist(mID, plID){
        var num = parseInt($("#playlistdetails-"+ mID +" .playlist-"+ plID +":first").text()) - 1;
        $(".playlist-"+ plID).text(num);
        var text = '<a class="button button-gray" href="javascript:void(0);" onclick="$.get(\'https://www.proudmusiclibrary.com/en/playlist/add_track/add'+ mID +'/'+ plID +'/\'); add_track_to_playlist(\''+ mID +'\',\''+ plID +'\'); return false;" title="Add this track to playlist.">Add to this playlist</a>';
        $("#playlistdetails-"+ mID +" .pl_action-"+ plID).html(text);
}


var opened_playlist = '';

function add_to_playlist(mediaID){
        opened_playlist = mediaID;
        $( "#playlistdetails-"+ mediaID ).dialog( "open" );
}



function getPlayListActionsHtml( encrytedId , playlistId ) {


        var $buttons = $( document.createElement('div') );

        $buttons.append(
            $('#pl-actions-template').html()
        );

        var addUrl = $buttons.find('.add-track').attr('href') +'/'+ encrytedId +'/'+ playlistId+'/' ,
            removeUrl = $buttons.find('.add-track').attr('href') +'/'+ encrytedId +'/'+ playlistId+'/' ;

        $buttons.find('.add-track-toggle')
            .attr('data-mediaid', encrytedId)
            .attr('data-playlistid', playlistId)
            .end();

        $buttons.find('.add-track').attr('href', addUrl  )
            .removeClass('hidden');

        $buttons.find('.remove-track').attr('href', removeUrl  )
            .addClass('hidden');

        return $buttons.html();
}

function create_playlist_form_submit()
{
        var serialize = $('#createPlaylist').serialize();
        $.post(
                'https://www.proudmusiclibrary.com/en/ajax/create_playlist/',
                serialize,
                function(data){
                    if(data.status == 1)
                    {
                        var pl_list_blocks = $('.playlistdetails');
						var anyPreviousPlaylist = false;

                        $(pl_list_blocks).each(function(k, v)
                        {
                        		anyPreviousPlaylist = true;
                                var encrytedId = $(v).attr('id').replace('playlistdetails-',''),

                                // get datatable varible
                                thisDataTable = $(v).find('table.playlistAdd'),

                                // insert new row in datatable
                                newRow = thisDataTable.dataTable().fnAddData( [
                                            '<a href="javascript:void" onclick="show_playlist(\''+ encrytedId +'\',\'' + data.title +'\')">'+ data.title +'</a>',
                                            data.desc ,
                                             0 ,
                                            getPlayListActionsHtml( encrytedId , data.id )
                                ]) ,

                                // settings of this table
                                oSettings = $(v).find('table.playlistAdd').dataTable().fnSettings(),

                                // get row
                                nTr = oSettings.aoData[ newRow[0] ].nTr;

                                $('td', nTr)[2].setAttribute( 'class', 'playlist-'+ data.id );
                                $('td', nTr)[3].setAttribute( 'class', 'pl_action-'+ data.id );


                        });

                        if(!anyPreviousPlaylist) {
                        	window.location.href = window.location.href;
                        }

                    } else
                    {
                        show_alert_dialog('<p>'+ data.error +'</p>', 'error');
                    }

                    $( ".create_playlist" ).dialog( "close" );
                },
                "json"
        )

        return false;
}

function delete_search_history(id)
{
        $.get('https://www.proudmusiclibrary.com/en/ajax/delete_search_history/'+ id+'/');
}

function bookmark_track(hash, link)
{
       var text = '<a class="button button-gray no-text" href="javascript:void(0);" onclick="unbookmark_track(\''+ hash +'\', this);" title="Remove this track from Bookmark"><span class="remove-bookmark"></span></a>';
       $('.bookmark_btn_' + hash).html(text);
       $.get('https://www.proudmusiclibrary.com/en/ajax/add_bookmark/'+hash+'/', {"gh": global_hash}, function(data){});
}

function unbookmark_track(hash, link) {
        var text = '<a class="button button-gray no-text" href="javascript:void(0);" onclick="bookmark_track(\'' + hash + '\', this)" title="Bookmark track"><span class="bookmark"></span></a>';
        $('.bookmark_btn_' + hash).html(text);
        $.get('https://www.proudmusiclibrary.com/en/ajax/remove_bookmark/'+hash+'/', {"gh": global_hash}, function(data){});
}


// Tracks toggled
// --------------------
var toggleTrack = {

        // get tracks from datatable
        getTracksAddedFromDataTable : function ( $el ){

                var dataTable = $el.closest('table').dataTable(),
                    rows = dataTable.fnGetNodes(),
                    tracks = [];


                for ( var i = 0; i < rows.length ; i++ ) {

                        if ( ! $(rows[i]).find('.remove-track').hasClass("hidden") ) {
								var playlist_name = $(rows[i]).find("td:eq(0)" ).text();
                                if ( $(rows[i]).find("td:eq(0)" ).find('a').length && $.trim(playlist_name).toLowerCase() != 'bookmarked') {

                                        tracks.push( $(rows[i]).find("td:eq(0)" ).html());
                                }
                        }
                }

                return tracks;
        },

        // update trackbox
        updateTracksOnTlBox : function ( $el , mediaId ){

                var tracks = toggleTrack.getTracksAddedFromDataTable( $el );

                if ( tracks.length > 0 ) {

                        $('.tl-box-playlists-' + mediaId)
                                .find('p a').remove()
                                .end()
                                .find('p')
                                .append( tracks.join('\n'));

                        $('.tl-box-playlists-' + mediaId).removeClass('hidden');

                } else {

                        $('.tl-box-playlists-' + mediaId).addClass('hidden');
                }

        },

        // set count tracks on datatable cell
        updateNumberOfTracks : function ( $el, playlistId ){

                var num = $el.closest('tr').find(".playlist-"+ playlistId +":first").text();

                if ( !$el.hasClass('remove-track') ) {
                        // add no of tracks
                        num  = parseInt( num , 10 ) + 1 ;

                } else {
                        // reduce no of tracks
                        num  = parseInt( num , 10 ) - 1 ;
                }

                // set count tracks on datatable cell
                $(".playlist-"+ playlistId ).text( num );
        },

        // click handler
        clickHandler : function (){


                var $el = $( this ),
                    url         = $el.attr('href');

                // ajax loading
                var loading_text = ['<a href="javascript:void(0);" class="add-track-toggle-loading  button button-green" >',
                                        'loading .. ',
                                    '</a>'].join('');

                $el.parent().find('a.add-track-toggle').addClass('hidden')
                $el.parent().append( loading_text );

                if ( url  == 'javascript:void(0);') {
                        return false;
                }

                // call ajax for add/delete
                $.get( url , function( data ){

                         $el.parent().find('.add-track-toggle-loading').remove();

                         // toggle buttons
                         if ( !$el.hasClass('remove-track') ) {
                                $el.parent().find('.remove-track').removeClass('hidden');
                         } else {
                                $el.parent().find('.add-track').removeClass('hidden');
                         }

                         toggleTrack.updateNumberOfTracks( $el, $el.attr('data-playlistid') );

                         toggleTrack.updateTracksOnTlBox( $el, $el.attr('data-mediaid') );
                });

                return false;
        }
};


var oTable;

 // Dom ready function of jquery library
 $(function() {

        oTable = $('.playlistAdd').dataTable({'oLanguage': {
"sLengthMenu": "Display _MENU_ records per page",
"sZeroRecords": "Nothing found - sorry",
"sInfo": "Showing _START_ to _END_ of _TOTAL_ records",
"sInfoEmpty": "Showing 0 to 0 of 0 records",
"sInfoFiltered": "(filtered from _MAX_ total records)",
"sSearch" : "Search",
"oPaginate": {
        "sNext": "",
        "sPrevious": "",
        "sPreviousTitle": "Previous Page",
        "sNextTitle": "Next Page"
	}
}});

        $( ".playlistdetails" ).dialog({
                autoOpen: false,
                width: '700px',
                modal: true
        });

        // toggle playlist add/remove on datatable popup
        // --------------------
        $( document.body ).on(
                "click",
                "a.add-track-toggle",
                toggleTrack.clickHandler
        );

});

</script>


<div class="clear" ></div>



<!-- start browse content -->
<div class="browse-container">
    <style type="text/css">
.badge {
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

</style>
<br>
    <div class="grid_12"><h1 class="title">Synth Pop</h1></div>


    <div class="page_title_container grid_12"><br/><p>