body, select, input, .ui-autocomplete {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#eee; color:#333}
body {margin:4px 10px 4px 10px}

select, input {border: 1px solid #ccc}
select {font-weight:bold}
input {padding:1px}

table {border-spacing:0px; border-collapse:collapse}

a:link {color:#039; text-decoration:underline}
a:visited {color:#406; text-decoration:underline}
a:active {text-decoration:underline; color:#fdd}
a:hover	{text-decoration:underline; color:#f00}

.header-box, .navbox, .bandletter, .login-box, #add_pl_div {border:1px solid #444; background: #bcd}
.header-box {padding: 4px 8px 4px 8px; margin-bottom:2px; width: 680px}
.navbox {margin-top:4px; padding:4px}
.bandletter {padding:2px 2px 2px 2px; text-align:center; font-size:12px; font-weight:bold}
.login-box {padding:8px 12px; margin:auto; width:350px}

.tracks_table {border:1px solid #999; margin-bottom:50px}
.tracks_cell, .album_art_cell, .album_cell, .genre_cell, .dots_cell, .icon_cell, .playlists_cell {background:#ddd; border-color:#999; border-style:solid}

.tracks_cell, .icon_cell, playlist_cell {border-width:1px}
.album_cell, .dots_cell {border-width:1px 1px 1px 0px}
.album_art_cell, .genre_cell {border-width:1px 0px 1px 1px}

.truncate {max-width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.album_cell, .tracks_cell, .genre_cell, .playlists_cell {padding:2px 5px 2px 5px}
.icon_cell {padding:0px 3px 0px 3px; white-space:nowrap}
.dots_cell {padding:0px 5px 0px 0px; white-space:nowrap}

.album_art_cell {padding:0px; vertical-align:bottom}
td.vis {padding:0px; vertical-align:bottom}

.tracks_header {padding:2px 6px 2px 6px; font-weight:bold}
.track_cell_label {font-weight:bold}
.track_cell_label_err {font-weight:bold; color:#EE0000}
.playlists_table {border:1px solid #999; border-collapse:collapse; margin-top:10px}
.playlists_cell {border:1px solid #999}
.playlists_players_cell {border:1px solid #999; padding:1px}
.playlists_header {padding:2px 6px 2px 6px; font-weight:bold}
.tapenos_table {padding-right:25px}
.table-head {background:#bdc}

img.album_art {margin:1px 0px 1px 4px; vertical-align:bottom}
img.icon {margin:0px 3px 0px 3px}
img.clickable {cursor:pointer}

.status_msg {font-weight:bold; color:#E00}
#resultsbox {
 border:10px solid #666; background:#FEC; position:absolute; 
 width:400px; left:100px; top:10px; padding:14px; font-size:12px; 
 font-weight:bold; display:none; z-index:3}

a.resultsclose {float:right; padding:1px; position:absolute; right:5px; top:1px; font-size:9px; cursor:pointer; color:#0000CC}
a.resultsclose:hover {background:#FFEE99; color:#DD0000}

.player_cell {padding-left:8px}
.testresult {background:#ddd; margin:8px}

#add_pl_div {margin-top: 10px; padding:10px; display:inline-block}
#add_pl_form, #cancel_add_pl_form {display:inline-block}
#add_pl, #cancel_add_pl {margin-left:4px; cursor:pointer; font-weight:bold}

#legendbox {border:6px solid #666; background:#eee; padding:2px 10px; position:absolute; width:350px; z-index:3;
            top: 0px; right:0px; display:none}
a.legendclose {float:right; padding:1px; position:absolute; right:5px; top:1px; font-size:9px; cursor:pointer; color:#d00}
a.legendclose:hover {background:#FE9; color:#D00}
.bot, img[src*="blipvert"] {vertical-align:bottom}
#edit_pl {margin-left:10px}
.rt {text-align:right}
.cen {text-align:center}
.ptr {cursor:pointer}
.rel {position:relative}

.album_artist {font-size:12px;padding-top:6px}
.album_title {font-size:14px}
.subtitle {font-size:13px; margin-bottom:6px}
.track_count {font-size:12px; font-weight:bold; margin-bottom:2px}

.nobreak {white-space:nowrap}
img.dot {margin:0px 1px 0px 1px;position:relative;top:1px}
.cover_art {margin:0px 2px 0px 2px}
.pl_name {color:#290}

.star, .download {
    position:relative;
    display:inline-block;
    cursor:pointer;
}

.star .star-menu, .download .download-menu {
    font-family: verdana,helvetica,sans-serif;
    font-size:11px;
    width: 150px;
    visibility: hidden;
    background-color: #ddd;
    text-align: center;
    border: 2px solid #444;
    padding: 0px;
    position: absolute;
    z-index: 2;
    top: -10px;
    right: 140%;
}

.star .star-menu::after, .download .download-menu::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 100%;
    margin-top: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent #444;
}

#playerdiv {position:fixed; bottom:0px;left:-3px;text-align:center;width:100%;background: #a7d;font-size:12px; padding-top:4px}
#audio_player {width:100%;display:block;margin-top:4px}
#player-spacer {height:52px}

.artists_table {margin-bottom:36px}
.artists-cell {padding:1px 4px 2px 4px}
.odd-row {background:#cde}