#sb_PasteSong, #sb_AddEdit, #sb_Song { display: none; }

#fartist { display: block; }

#sb_SongControls { overflow: hidden; }

#sb_ArtistList {
   overflow-y: scroll;
   border-top: solid 1px gainsboro;
   position: absolute;
   left: 0px;
   right: 0px;
   bottom: 0px;
}

#sb_SongItems div {
   font-size: 12pt;
   color: red;
   padding: 20px;
   font-weight: normal;
}

#sb_PasteBox {
   width: calc(100% - 5px);
   margin-top: 2px;
   border: none;
   font-family: courier;
   font-size: 24px;
   overflow: scroll;
   white-space: pre;
   font-weight: bold;
   padding-left: 5px;
   outline: none;
}

#sb_SongBody {
   box-sizing: border-box;
   font-family: courier;
   font-size: 24px;
   overflow: scroll;
   white-space: pre;
   font-weight: bold;
}

#sb_SongBody span { display: block; }

.c { color: red; }

.v { color: navy; }

.t { color: green; }

.p { background-color: green; color: white; }

#Artist_Field { font-size: 14pt; }
/*
.c {
   white-space: pre;
   color: red;
   font-weight: bold;
   display: block;
   font-family: courier;
   font-size: 24px;
}

.v {
   white-space: pre;
   margin-bottom: 15px;
   color: navy;
   font-weight: bold;
   display: block;
   font-family: courier;
   font-size: 24px;
}
*/
hr {
    border: none;
    height: 0px;
    border-top: none;
    border-bottom: 1px solid green;
}

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

.contentbox {
   position: absolute;
   top: 58px;
   left: 1px;
   right: 1px;
   bottom: 1px;
   display: none;
   overflow: hidden;
}

#sb_Filters {
   overflow: hidden;
}

#lc_ArtistList {
   margin-top: 13px;
   border: solid 1px gainsboro;
   overflow-x: hidden;
   overflow-y: scroll;
}
/*
#song_body background-color: yellow;
#songs_container, #edit_container, #paste_container {
   position: absolute;
   top: 2px;
   left: 2px;
   bottom: 2px;
}

#paste_container textarea {
   width: 100%;
   border: none;
}

#edit_container, #paste_container { display: none; }
 
#song_container, #filters_container {
   position: absolute;
   top: 2px;
   right: 2px;
   bottom: 2px;
}

#filters_container { display: none; }

.song_item, .author_item {
   text-decoration: none;
   background-color: white;
   display: block;
   border-bottom: solid 1px gainsboro;
   padding: 5px 10px;
}

.song_item:hover, .author_item:hover {
   background-color: #EEEEEE;
   color: white;
}

.song_item.active, .author_item.active {
   background-color: #e5f2ff;
}

.author {
   weight: bold;
   color: steelblue;
   display: block;
   font-size: 12pt;
}

.song {
   color: gray;
   display: block;
   font-size: 12pt;
}

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

dl {
   margin: 15px;
}

dt {
   font-size: 16pt;
   color: steelblue;
}

dd {
   font-size: 18pt;
   padding: 10px 0px 10px 10px;
   border-bottom: solid 1px gainsboro;
}

dd span {
   font-size: 12pt;
   color: red;
}

dd i {
   float: right;
   margin-bottom: 5px;
   font-size: 12pt;
   color: gray;
}

dd input[type=text] {
   width: 100%;
   margin-bottom: 20px;
}

#new_song, #edit_song, #filter_songs,
#save_song, #cancel_song, #edit_song_data,
#new_author, #edit_author,
#save_author, #cancel_author,
#close_filters, #song_edit {
   background-color: transparent;
   float: right;
   font-size: 18pt;
   cursor: pointer;
   color: gray;
   margin-right: 10px;
   padding: 4px;
}

#new_song:hover, #edit_song:hover, #filter_songs:hover,
#save_song:hover, #cancel_song:hover, #edit_song_data:hover,
#new_author:hover, #edit_author:hover,
#save_author:hover, #cancel_author:hover,
#close_filters:hover, #song_edit:hover {
   color: red;
}

#song_items {  }
#song_items input { width: 100%; }

#si_controls {
   position: absolute;
   left: 0px;
   right: 0px;
   top: 0px;
   padding: 20px;
}

#si_controls span {
   padding: 5px;
   margin-bottom: 10px;
}

#artists {
   position: absolute;
   left: 0px;
   right: 0px;
   bottom: 0px;
   overlow-x: hidden;
   overflow-y: scroll;
   border-top: solid 1px gainsboro;
}

#artists a {
   display: block;
   padding: 10px;
   border-bottom: solid 1px gainsboro;
   text-decoration: none;
   color: steelblue;
}

#artists a:hover {
   background-color: #EEEEEE;
}

#artists a.active {
   background-color: #e5f2ff;
}

#artist_name {
   color: steelblue;
   display: block;
   border-bottom: solid 1px gainsboro;
}

.song_item {
   text-decoration: none;
   background-color: white;
   display: block;
   border-bottom: solid 1px gainsboro;
   padding: 5px 10px;
}

.song-item:hover {
   background-color: #EEEEEE;
   color: white;
}

#message {
   color: red;
   display: none;
   font-weight: normal;
   font-size: 12pt;
   margin-top: 10px;
   display: inline-block;
}



#paste_container {    overflow-y: hidden;
   overflow-x: hidden;
 }
 */