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

.ltbluegrad {
   background: rgb(192,224,237);
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwZTBlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  rgba(192,224,237,1) 0%, rgba(254,255,255,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,224,237,1)), color-stop(100%,rgba(254,255,255,1)));
   background: -webkit-linear-gradient(top,  rgba(192,224,237,1) 0%,rgba(254,255,255,1) 100%);
   background: -o-linear-gradient(top,  rgba(192,224,237,1) 0%,rgba(254,255,255,1) 100%);
   background: -ms-linear-gradient(top,  rgba(192,224,237,1) 0%,rgba(254,255,255,1) 100%);
   background: linear-gradient(to bottom,  rgba(192,224,237,1) 0%,rgba(254,255,255,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0e0ed', endColorstr='#feffff',GradientType=0 );
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   border:1px solid #959595;
   -webkit-box-shadow: #B3B3B3 5px 5px 5px;
   -moz-box-shadow: #B3B3B3 5px 5px 5px;
   box-shadow: #B3B3B3 5px 5px 5px;
}

table {
   border-collapse: collapse;
}
.module {
   position: absolute;
   top: 2px;
   bottom: 2px;
   border: solid 1px gray;
   overflow: hidden;
}
.module_playlists {
   left: 2px;
   width: 300px;
}
.title_add {
   padding: 10px;
   border-bottom: solid 1px gray;
   background-color: steelblue;
   color: white;
   font-weight: bold;
   font-size: 1.5em;
}
.playlists {
   position: absolute;
   left: 0px;
   right: 0px;
   bottom: 0px;
   overflow: auto;
}
.add_new {
   display: inline-block;
   background-position: center center;
   background-repeat: no-repeat;
/*   border-left: solid 1px gray; */
   background-color: white;
}
.edit, .delete {
   background-position: 0px 0px;
}
a {
   text-decoration: none;
}
.add_new { background-image: url("img/add.png"); margin: -10px; float: right; }
.edit    { background-image: url("img/edit.png"); }
.delete  { background-image: url("img/delete.png"); }

.edit, .delete {
   display: block;
   /* padding: 10px 15px; */
   /* padding: 15px; */
   width: 32px; height: 32px;
   /* border: solid 1px gainsboro; */
}
.add_new:hover {
   background-color: orange;
   border: solid 1px gray;
}

.edit:hover, .delete:hover {
   background-position: 0px -32px;
}

.name {
   color: steelblue;
   /* border: solid 1px white; */
   display: block;
   padding: 10px;
}
.name:hover {
   background-color: orange;
   /* border: solid 1px gray; */
   color: white;
}
.playlists table {
   width: 100%;
   /* height: 100%; */
}
.playlists table tr td {
   border-bottom: solid 1px gainsboro;
   /* padding: 1px; */
   margin: 0px;
   vertical-align: center;
}
.edit_cell, .delete_cell {
   width: 32px;
   padding-top: 3px;
   vertical-align: top;
}

.txt_cell {
   vertical-align: top;
}
/*
.playlists table tr .txt_cell a {
   display: block;
   padding: 10px;
}
*/
/*
.txt_cell {
   padding: 10px;
   vertical-align: top;
}

table tbody {
   display: block;
   overflow: auto;
   height: 100%
}
*/
.playlists ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

thead { background-color: steelblue; }

.sticky {
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   background-color: red;
}