﻿html, body {
   width: 100%;
   height: 100%;
   padding: 0px;
   margin: 0px;
   overflow: hidden;
}

body {
   font-family: calibri, arial, helvetica, sans-serif;
   font-size: 14pt;
}

.purg { clear: both; }

div { background-color: white; }

#playlists_container {
   position: absolute;
   /* border: solid 1px gray; */
   top: 2px;
   left: 2px;
   bottom: 2px;
}

#filter_box {
   overflow: hidden;
}

#lc_ArtistList {
   overflow-x: hidden;
   overflow-y: scroll;
}

/*
#filters_container {
   position: absolute;
   bottom: 2px;
   left: 2px;
}
*/
#songs_container {
   position: absolute;
   top: 2px;
   bottom: 2px;
   right: 2px;
}

#playlist_container, #filters_container {
   position: absolute;
   top: 2px;
   bottom: 2px;
}

#filters_container {
   display: none;
}

.container_title {
   padding: 5px 10px;
   /* background-color: gainsboro; */
   border-bottom: solid 1px gray;
   color: gray;
   font-size: 18pt;
   font-weight: bold;
}

#filters_container .container_title {
   /* border-right: solid 1px gray; */
}

#tabulator_headers ul {
   top: 0px;
   left: 0px;
   right: 0px;
}

/* #playlist_items { overflow: scroll; } */

#playlist_items a { border-bottom: solid 1px gainsboro; position: relative; }

#placeholder { height: 50px; border: solid 1px steelblue; background-color: #e5f2ff; }

.pllist_item .delete, .playlist_item .delete {
   border: none;
   background-color: transparent;
   float: right;
   font-size: 24pt;
   cursor: pointer;
   color: gray;
}

#playlist_worker {
   display: none;
}

#new_playlist, #edit_playlist,
#savepl, #cancelpl,
#savepli, #cancelpli,
#deletenow, #canceldpl {
   /* border: solid 1px red; */
   background-color: transparent;
   float: right;
   font-size: 18pt;
   cursor: pointer;
   color: gray;
   margin-right: 10px;
   padding: 4px;
}

#new_playlist:hover, #edit_playlist:hover,
#savepl:hover, #cancelpl:hover,
#savepli:hover, #cancelpli:hover,
#deletenow:hover, #canceldpl:hover {
   color: red;
}

.contentbox {
   position: absolute;
   top: 38px;
   left: 1px;
   right: 1px;
   bottom: 1px;
   /* padding: 20px; */
   display: none;
   overflow: hidden;
}

#lc_ArtistList {
   margin-top: 13px;
   border: solid 1px gainsboro;
   overflow-x: hidden;
   overflow-y: scroll;
}