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

a {
   text-decoration: none;
   color: gray;
}

.purgatory { clear: both; }

.container {
   position: absolute;
   font-size: 14pt;
   font-family: calibri, arial, helvetica, sans-serif;
}

.rtupbt {
   right: 2px;
   top: 2px;
   bottom: 2px;
}

.ltupbt {
   left: 2px;
   top: 2px;
   bottom: 2px;
}

.tabhead {
   font-size: 12px;
   display: block;
   position: absolute;
   height: 33px;
   margin: 0px;
   padding: 0px;
   background-color: #dfdfdf;
}

#tabulator_headers ul li {
   list-style-type: none;
   float: left;
   display: inline-block;
}

#tabulator_headers ul li a {
   display: inline-block;
   padding: 0px 15px;
   border-top: solid 3px orange;
   height: 30px;
   line-height: 30px;
   min-width: 80px;
   text-align: center;
   text-decoration: none;
   color: gray;
   border-left: solid 1px white;
   border-right: solid 1px #b0b0b0;
   background-color: #dfdfdf;
   font-family: arial, helvetica, sans-serif;
}

#tabulator_headers ul li a:hover { color: red; }

#tabulator_headers ul li a.active {
   background-color: white;
   color: black;
}

.button_container { float: right; }

.button_container a {
   display: inline-block;
   padding: 3px;
   min-width: 25px;
   text-align: center;
   cursor: pointer;
}

.button_container a:hover {
   color: red;
}

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

.content_box {
   position: absolute;
   left: 0px;
   right: 0px;
   bottom: 0px;
   padding: 0px;
   overflow-y: scroll;
   overflow-x: hidden;
}

.ToolTip {
   display: none;
   position: absolute;
   border: 1px solid #333;
   background-color: #161616;
   border-radius: 5px;
   padding: 10px;
   color: #fff;
   font-size: 14px;
   white-space: nowrap;
   font-family: arial, helvetica, sans-serif;
}

.InFrameMessage { padding: 20px; color: red; }

.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;
}

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

.artist {
   weight: bold;
   color: steelblue;
   display: block;
   font-size: 14pt;
}

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

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

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

.pllist_item.active {
   background-color: #e5f2ff;
}

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

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

dl {
   margin: 0px;
}

dt {
   font-size: 16pt;
   color: steelblue;
   padding: 10px 10px 0px 10px;
}

dd {
   font-size: 18pt;
   padding: 0px 30px 10px 10px;
   margin: 0px;
}

dd.controls {
   margin-top: 10px;
}

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%;
   font-size: 12pt;
   color: red;
}

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

#sb_ArtistList a:hover, #lc_ArtistList a:hover {
   background-color: #EEEEEE;
}

#sb_ArtistList a.active, #lc_ArtistList a.active {
   background-color: #e5f2ff;
}

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

#LetterBox a {
   background-color: white;
   display: inline-block;
   padding: 3px;
   min-width: 20px;
   border-left: solid 1px gainsboro;
   border-right: solid 1px gainsboro;
   border-bottom: solid 1px gainsboro;
   color: gray;
   margin: 3px;
   text-align: center;
   font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace
}

#LetterBox a.empty {
   border-top: solid 3px gainsboro;
}

#LetterBox a.some {
   border-top: solid 3px orange;
}

#LetterBox a:hover {
   background-color: gainsboro;
   color: red;
}

#LetterBox a:active {
   background-color: gainsboro;
   color: black;
}