/* Track List */
#track-listing { 
    height: 170px; 
    position: relative;
}
#track-listing table {
    margin: 0; padding: 0;
}
#track-listing td {
    padding: 0; margin: 0; border: none; 
    vertical-align: top;
}
#track-listing  td a:hover { 
    color: #000;
}
#track-listing table.track-column {
    width: 456px; 
    border-collapse: separate;
    border-spacing: 4px;
}
#track-listing .track { 
    margin: 0; padding: 0;
    height: 30px;
    font-size: 11px; 
    background: url(../../img/track_bg.png) no-repeat;    
    overflow: hidden;
}
#track-listing .track:hover { }
#track-listing .active { }
#track-listing .track table { width: 100%; margin: 0 !important;}
#track-listing .track td {    
    margin: 0 !important;
    vertical-align: top;
    text-align: left;
}
#track-listing .track a, 
#track-listing .track span {
    color: #777;
    display: block;
    padding: 6px 15px 6px 15px; 
}
#track-listing .track-link { text-align: left; }
#track-listing .track-artist .track-link { text-align: right; }
#track-listing a:hover, #track-listing .hover a, #track-list .hover span { color: #000; }
#track-listing .active a { font-weight: bold; }
#track-listing .track td.track-id{ width: 16%; white-space: nowrap;}
.track-link { text-decoration: none; color: #777;}

/* Track List Scroller */
#track-listing .scroller {
    overflow: hidden;
    width: 100%;
}
#track-listing .scroller-controls {
    position: absolute;
    width: 100%; height: 30px;
    bottom: -7px; left: 0;
}
#track-listing .scroller-next, 
#track-listing .scroller-prev {
    display: block; position: absolute;
    bottom: -4px; cursor: pointer;
    color: #947E3E; text-decoration: none;
    height: 20px; padding-top: 2px;
}
#track-listing .scroller-next span, 
#track-listing .scroller-prev span {
    font-size: 18px;
}
#track-listing a.disabled {
    color: #000 !important;
    cursor: default !important;
    opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40);
}
#track-listing .scroller-next { 
    right: 20px; 
}
#track-listing .scroller-prev { 
    right: 70px;     
}
#track-listing .scroller-next:hover,
#track-listing .scroller-prev:hover {
    color: #000;
}
#track-listing .scroller-scrollbar {
    border-top: solid 1px #ddd;
    position: relative;
    height: 10px; width: 96% !important;
    margin: 0 auto 0 auto; 
}
#track-listing .scroller-handle {
    position: absolute; bottom: 0;
    height: 20px; width: 19px;
    background: url(../../img/scroll_handle.png) no-repeat;
    background-position: 0 0;
    cursor: pointer;
}
#track-listing .scroller-handle:hover,
#track-listing .scroller-scrollbar div.hover {
}

/* Bookmark Tracks */
#profile-tools {
    position: absolute;
    top: 350px; right: 20px;
}
#profile-tools h3 {
    font-size: 16px; 
}
#bookmarks { border: solid 1px #fff; position: relative; }
#bookmarks a { text-decoration: none; }
.bookmarks-active-drop { border: dashed #f00 1px !important; }
.bookmarks-hover-drop {border: dashed #e55 1px !important; }

.bookmark-list { margin: 0; list-style: none;}
.bookmark-list li { margin-bottom: 3px; font-size: 11px;}

.bookmark {
    display: block;
    border-bottom: solid #ccc 1px;
    padding-bottom: 6px; margin-top: 8px;
    font-size: 11px;
    overflow: hidden;
}
.bookmark.last-child { border: none !important; }
.bookmark.active { }

.bookmark-list .bookmark a { 
    display: block;
    height: auto; 
    text-decoration: none;
    font-size: 11px;
}
.bookmark .track-title a.track-link { padding: 0px 4px 4px 3px; }
.bookmark-list .empty-bookmarks { font-weight: bold; color: #000; }

.bookmark table { margin: 0 !important; width: 100%; }
.bookmark td { 
    border: none; padding: 0; 
    height: auto; vertical-align: top;
}
.bookmark a.deletelink { padding:0; padding-left: 1.2em; display: inline;}
ul.bookmark-list .hover a,
ul.bookmark-list a:hover { color: #000; }
.bookmark td.controls { width: 2em; }
.bookmark td.controls a { 
    display: block; padding: 6px 15px 4px 7px; 
    background-position: .6em 0.7em;
}
.bookmark .track-logo { width: 34px; }

/* Bookmarks Scroller */
#bookmarks .scroller {
    overflow: hidden;
    background: #fff;    
    padding-right: 14px;
    max-height: 209px;
}
#bookmarks .scroller-next, #bookmarks .scroller-prev {
    position: absolute;
    display: block;
    right: 0;
    cursor: pointer;
    color: #A8AdB1;
    font-size: 16px;
}
#bookmarks a.disabled {
    color: #000 !important;
    cursor: default !important;
}
#bookmarks .scroller-next { bottom: 0; }
#bookmarks .scroller-prev { top: 0; }
#bookmarks .scroller-next:hover,
#bookmarks .scroller-prev:hover {
    color: #ddd;
}
#bookmarks .scroller-controls {
    position: absolute;
    height: 212px; width: 10px;
    top: 42px; right: -12px;
}
#bookmarks .scroller-scrollbar {
    border-right: solid 1px #ddd;
    width: 1px; 
    position: absolute;
    right: 7px; top: 15px;
}
#bookmarks .scroller-handle {
    position: absolute; top: 0; left: -8px;
    height: 20px; width: 19px;
    background: url(../../img/scroll_handle.png) no-repeat;
    cursor: pointer;
}
#bookmarks .scroller-handle:hover,
#bookmarks .scroller-scrollbar div.hover {
}

/* Track Info & Media Player*/
#player {
    position: absolute;
    z-index: 100; top: 350px; right: 20px;
    width: 140px; height: 182px;
    padding: 20px;
    font-size: 11px;
    display: none; 
    background: url(../../img/licensing/mediaplayer_bg_small.png) no-repeat;
}
#media-player {
    width: 140px; height: 20px;
    position: absolute; bottom: 20px;
    overflow: hidden;
    background: #000;
}

.track-wrapper { position: relative; color: #000; }
.track-wrapper .track-logo { 
    display: block; float: left; margin-bottom: 10px;
    cursor: move; 
}
.track-wrapper .icon {
    position: absolute;
    top: 0; right: 0;
    border: solid 1px #ddd;
}
.track-wrapper .title { margin-right: 30px; margin-bottom: 20px; font-size: 11px; }
.track-wrapper dl { display: none; line-height: 1.5em; margin-left: 60px; }
.track-wrapper dt { float: left; padding-right: 10px; color: #C9B26D;}
.track-wrapper dd { color: #bbb; } 
.track-wrapper dl, #track-info p { margin-bottom: 1em; }
.track-wrapper .description {margin-left: 126px; height: 88px; overflow: hidden; }
#cluetip .track-wrapper { margin: 5px 0; }


#player a.button {
    outline: none; text-indent: -9999px;
    display: block;
    position: absolute;
    bottom: 54px; 
    color: #fff !important;
    background-color: #000;
}
#player a.add-bookmark {
    left: 155px;
    background: url(../../img/licensing/save-track.png) no-repeat;
    width: 79px; height: 31px;    
}
#player a.more-info {
    left: 250px;
    background: url(../../img/licensing/more-info.png) no-repeat;
    width: 79px; height: 30px;    
}

/* Menu */
#menu, #profile-tools {
    border: solid #ccc 1px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    padding: 10px 20px 20px 20px;
    width: 230px;
}
#menu { 
    position: absolute;
    top: 350px; left: 20px;
}
#menu dl {
    margin:0;
    list-style: none;
    background: #fff;
}
#menu dt {
    margin: 8px 0; 
    position: relative;
    background: #fff;
    outline: none;
    border: none;
}
#menu dd { border: none; overflow: visible; }
#menu a {
    font-size: 16px; text-decoration: none; text-transform: lowercase;  outline: none; font-weight: normal;
    padding: 0; 
}
#menu .ui-icon {
    left: 0; width: 8px; background-position: -37px -16px
}
#menu span.current-filter {
    display: block !important;
    position: absolute; top: 4px; right: -2px;
    width: 140px; text-align: right;
    text-transform: lowercase; font-size: 11px; font-weight: bold;
    color: #333;
}
#menu span.current-filter a { display: inline; color: #aaa;}
#menu span.current-filter a:hover { color: #333;}
#menu a.clear-filter {
    font-size: 12px;
    letter-spacing: auto;
    cursor: pointer;
    padding-left: 4px;
}
#menu .filter {
    margin-left: 10px;
    margin-top: 6px; margin-bottom: 6px;
    padding: 0 !important;
    position: relative;
}
#menu .scroller {
    overflow: hidden;
    max-height: 137px;
    background: #fff;    
    padding-right: 16px;
}
#menu a.track_filter {
    font-size: 11px;
    font-weight: bold;
    color: #777;
    display: block;
    margin-bottom: 2px;
    line-height: 16px;
    background-image: url('/media/img/licensing/filter_off.png');
    background-repeat: no-repeat;
    background-position: 0px;
    padding-left: 20px;
    padding-bottom: 2px;
}
#menu .filter a:hover, #menu .filter a.hover {
    color: #000;
}
#menu .filter a.selected {
    color: #000;
    background-image: url('/media/img/licensing/filter_on.png');
}
#menu input {display: none;}
#menu .scroller-next, #menu .scroller-prev {
    position: absolute;
    display: block;
    right: 0;
    cursor: pointer;
    font-size: 16px;
}
#menu a.disabled {
    color: #ddd !important;
    cursor: default !important;
}
#menu .scroller-next { bottom: 0; }
#menu .scroller-prev { top: 0; }
#menu .scroller-next:hover,
#menu .scroller-prev:hover {
    color: #000;
}
#menu .scroller-controls {
    position: absolute;
    height: 137px; width: 10px;
    top:0; right: 0px;
}
#menu .scroller-scrollbar {
    border-right: solid 1px #ddd;
    width: 1px; 
    position: absolute;
    right: 8px; top: 16px;
}
#menu .scroller-handle {
    position: absolute; top: 0; left: -7px;
    height: 20px; width: 19px;
    background: url(../../img/scroll_handle.png) no-repeat;
    cursor: pointer;
}
#menu .scroller-handle:hover,
#menu .scroller-scrollbar div.hover {
}

/* Forms */
.new-tracks {
    padding: 20px 30px;
}
.new-tracks table {
    border-collapse: collapse;
}
.new-tracks table td,
.new-tracks table th {
    border: none;
    font-size: 12px;
    padding: 5px; 
    vertical-align: top;
}
.new-tracks table th {
    padding: 0; padding-left: 5px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #555;
    font-size: 11px;
}
.new-tracks input[type=text],
.new-tracks textarea {
    border:  1px solid #CCCCCC;
    color: #555;
}
.new-tracks input[type=text]:focus,
.new-tracks textarea:focus {
    border-color: #aaf;
}
.new-tracks select { font-size: 11px; color: #555; margin-right: 10px;}
.new-track-form {
    border: solid 1px #aaa;
    background: #f7f7f7;
    padding: 20px 30px;
    margin-top: 10px;
    width: 800px;
}
.form-row a.add-another { vertical-align: top; }
.form-row ul {
    list-style: none;
    margin: 0;
}
.field_vocals label {
    float: left; 
    margin-right: 10px;
}
.field_genres select {
    float: left; 
    padding: 2px;
}
.field_genres .help-text {
    margin-left: 200px;
    padding-top: 20px;
}
.field_genres ul li {
    float: left;
    padding-right: 12px;
}

.ui-effects-transfer {
    border: dashed #555 2px;
    z-index: 1000;
}

/* Accounts */
.user-profile { margin-left: 20px; }
.user-profile #tabs { width: 820px }
.user-profile h2 { color: #222; margin-bottom: 10px;}
.user-profile h1 { color: #222; margin-bottom: 20px;}

.user-profile .module {
    margin-top: 5px;
    margin-bottom: 30px;
}

.user-profile .artist-list {
    list-style: none; margin: 0;    
    width: 800px;
}
.user-profile .artist-list li {
    margin-bottom: 10px; 
    padding: 10px;
    border: solid 1px #ccc;    
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.user-profile .artist-list img {
    float: left;
    margin-right: 15px;
}
.user-profile .artist-list .info {}
.user-profile .tracks table {
    width: 800px;
}
.user-profile .tracks th { border-bottom: 1px #ccc solid; }
.user-profile .tracks td { 
    border-bottom: solid 1px #ccc; 
    vertical-align: middle;
    padding: 5px;
}
.user-profile .tracks td.logo { width: 40px; }

.artist-tools, .track-tools { margin-bottom: 20px; }
.user-profile .tools {
    margin-top: 5px;    
    line-height: 1.5em;
    color: #aaa;
}
.user-profile .tools a { color: #aaa; font-weight: bold; text-decoration: none; }
.user-profile .tools a:hover { color: #222 !important; }