/*---------------------------------------------------------------------------------*/
/* from http://stackoverflow.com/questions/1062783/css-left-and-right-alignment-on-the-same-line#1063293 */
.leftright
{
	display: table;
	width: 100%;
}

.leftright h3
{
	display: table-cell;
	text-align: left;
}

.leftright span
{
	display: table-cell;
	text-align: right;
}

input[readonly='readonly']
{
	color: #888;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

/*---------------------------------------------------------------------------------*/
/* from http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/ */
.radio_thumbnail
{
	position: relative;
	z-index: 0;
}

.radio_thumbnail:hover
{
	background-color: transparent;
	z-index: 50;
}

.radio_thumbnail span			/*CSS for enlarged image*/
{
	position: absolute;
	background-color: lightyellow;
	padding: 0;
	left: -1000px;
	border: 1px black;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.radio_thumbnail span img		/*CSS for enlarged image*/
{
	border-width: 0;
	padding: 2px;
}

.radio_thumbnail:hover span	/*CSS for enlarged image on hover*/
{
	visibility: visible;
	top: 0;
	left: 0; /*position where enlarged image should offset horizontally */
}
/*---------------------------------------------------------------------------------*/

.grid_songs
{
    display: grid;
    grid-template-columns: 75px 1fr 2fr 1fr 1fr 1fr 1fr;
    grid-row-gap: 5px;
}

.grid_artists
{
    display: grid;
    grid-template-columns: 75px 1fr 1fr;
    grid-row-gap: 5px;
}

.grid_collections
{
    display: grid;
    grid-template-columns: 75px auto auto auto auto;
    grid-row-gap: 5px;
}