/*!
 *  Copyright 2009 Palm, Inc.  All rights reserved.
 */

 /*
  * Alphabetical List Dividers
  * Typically used in alphabetically sorted lists. The divider holds one character.
  * A regular list would immediately follow this divider. Group boxes could follow, but are not encouraged.
  */

body.wallpaper,
body.palm-default {
    background-image: url(../images/background.png);
    color: #ffffff;
}                                            

body.palm-dashboard-notification {
	background-image: none;
	background-color: #000000;
	color: #ffffff;
} 

.palm-divider.alpha { margin: 0px; }
 
.filter-field-container-height {
    height: 96px;
}

.music-header-spacer {
    height: 60px;
}

.music-alpha-divider-spacer {
    height: 10px;
    width: 100%;
}

.music-fade-bottom {
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 999;                                
    pointer-events: none;
	height: 60px;
	background: url(../images/command-menu-bottom-fade.png) bottom left no-repeat;
}

.music-fade-top {
	height: 38px;
	width: 100%;
	background: url(../images/top-page-fade.png) bottom left no-repeat;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;                        
    pointer-events: none;
}

.info-text {
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}

#palm-dialog-box { color: #000000; }
#dialog_box_message { color: #000000; }

.shuffle-text {
    display: inline-block;
    max-width: 130px;
} 

.shuffle-text-count {
    display: inline-block;
    color: #959595;
    font-size: 18px;
    padding-left: 5px; 
}

.count-pill-container {
	height: 26px;
	border-width: 0px 11px;
	-webkit-border-image: url(../images/count-pill-9tile.png) 0 11 0 11 repeat repeat;
	-webkit-box-sizing: border-box;
	position: absolute;
	z-index: 5;
	right: 128px;
	text-align: center;
	margin-top: 15px;
}              

.count-pill-wrapper {
	font-size: 16px;
	margin: 1px -2px 0px -2px;
}

.count-pill-container.single-art {
	right: 88px;
	margin-top: 5px;
}

.palm-divider + .palm-row .count-pill-container.single-art {
    margin-top: -4px;
}

.less-than-three .count-pill-container {
    right: 102px;
    margin-top: 0px;
}

.single-album-art-shill {
	height: 50px;
	width: 120px;
	float: right;	
}

/*
 * Now Playing in Header 
 */

.palm-header { overflow: visible; } 
.now-playing-button { display: none; }

.palm-header .palm-header-wrapper {
	margin: 0 -15px 0px 0px;
}

.now-playing-button {
	height: 33px;
	border-width: 0px 15px;
	-webkit-border-image: url(../images/selector-headerpress-gray.png) 0 15 0 15 stretch stretch;
	-webkit-border-image: url(../images/selector-header-gray.png) 0 15 0 15 stretch stretch;
	-webkit-box-sizing: border-box;
	float: right;
	margin-top: 9px;
}

.now-playing-button.selected {
	-webkit-border-image: url(../images/selector-headerpress-gray.png) 0 15 0 15 stretch stretch;
}

.now-playing-button .now-playing-wrapper {
	margin: 0 -5px;
    line-height: 30px;
}

/*
 * Empty Library Styles
 */

.mainmenu-scene, .empty-music-scene {
	height: 100%;
}

.large-music-icon {
	height: 128px;
	background: url(../images/empty-music-image.png) center center no-repeat;
}

.empty-music-message {
	margin-bottom: 20px !important;
}

.empty-music-scene .music-store-button {
	display: none;
}

.empty-music-scene .help-button {
	display: block;
}

/*
 * Music Landing View Styles
 */

#music-store {
	display: none;
}

.shuffle-all-list-item ~ .palm-list .palm-list-container:first-child .palm-divider:first-child {
    margin-top: -9px;
}

.shuffle-all-list-item .title {
	max-width: 220px;
	padding-top: 25px;
	padding-bottom: 24px;
}

.music-landing .thumbnail-previews {
	width: 140px;
	height: 72px;
	position: absolute;
	right: 0px;
	margin-top: 3px;
  	overflow: hidden;
}

.music-landing .thumb-left {position:absolute; z-index:3; display:none;}
.music-landing .thumb-center {position:absolute; z-index:2; margin-left:20px; display:none;}
.music-landing .thumb-right {position:absolute; z-index:1; margin-left:40px; display:none;}

.main-landing-overlay {
	position: absolute;
	width: 100px;
	height: 75px;
	z-index: 4;
}

.thumb-left .main-landing-overlay {
  background: url(../images/thumbnail-left-overlay-large.png) center center no-repeat;
}
.thumb-center .main-landing-overlay {
  background: url(../images/thumbnail-center-overlay-large.png) center center no-repeat;
}
.thumb-right .main-landing-overlay {
  background: url(../images/thumbnail-right-overlay-large.png) center center no-repeat;
}

img.art-thumbnail {
	position: absolute;
	margin: 11px 0px 0px 6px;
}
.thumb-left .art-thumbnail {
	-webkit-transform: rotate(-8deg);
}
.thumb-center .art-thumbnail {
	margin: 5px 0px 0px 5px;
}
.thumb-right .art-thumbnail {
	margin-left: 5px;
	-webkit-transform: rotate(8deg);
}

hr {
    margin: 0px;
    border: none;
	height: 7px;
	background: url(../images/thick-border.png) repeat-x;
}

.music-landing .icon { width: 65px;}
.icon.artists { background: url(../images/artists-icon.png) center center no-repeat;}
.icon.albums { background: url(../images/albums-icon.png) center center no-repeat;}
.icon.songs { background: url(../images/songs-icon.png) center center no-repeat;}
.icon.genres { background: url(../images/genres-icon.png) center center no-repeat;}
.icon.playlists { background: url(../images/playlists-icon.png) center center no-repeat;}
.icon.music-store { background: url(../images/music-store-icon.png) center center no-repeat;}
.icon.amazon-music { background: url(../images/amazon-music-icon.png) center center no-repeat;}

/*
 * Artists View Specific Styles
 */

.artist-name {
	margin-left: 8px;
}

.artist-count {
	display: inline-block;
	color: #959595;
	font-size: 18px;
	text-align: center;
}

.palm-divider + .palm-row.album,
.palm-list-container:first-child > .palm-row.album:first-child,
.palm-list-container:only-child > .palm-row.album:only-child,
.palm-divider + .palm-row.artist,
.palm-list-container:first-child > .palm-row.artist:first-child,
.palm-list-container:only-child > .palm-row.artist:only-child {
  margin-top: -11px;
}

.palm-list-container:only-child > .palm-row.album:only-child,
.palm-list-container:last-child > .palm-row.album:last-child,
.palm-list-container:only-child > .palm-row.artist:only-child,
.palm-list-container:last-child > .palm-row.artist:last-child {
  margin-bottom: -10px;
}

.albums-scene .palm-list .title {
	padding-top: 5px;
	padding-bottom: 9px;
}

.all-albums-album-artist {
	font-size: 14px; 
}

img.all-albums-image,
img.all-albums-image-generic {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 14px;
	margin-top: -9px;
}

img.all-albums-image-overlay {
	position: absolute;
	right: 10px;
	margin-top: -18px;
}


.palm-divider + .palm-row.album .all-albums-image,
.palm-list-container:first-child > .palm-row.album:first-child .all-albums-image,
.palm-list-container:only-child > .palm-row.album:only-child .all-albums-image,
.palm-divider + .palm-row.album .all-albums-image-generic,
.palm-list-container:first-child > .palm-row.album:first-child .all-albums-image-generic,
.palm-list-container:only-child > .palm-row.album:only-child .all-albums-image-generic {
	margin-top: -20px;
}

.palm-divider + .palm-row.album .all-albums-image-overlay,
.palm-list-container:first-child > .palm-row.album:first-child .all-albums-image-overlay,
.palm-list-container:only-child > .palm-row.album:only-child .all-albums-image-overlay {
	margin-top: -29px;	
}


/*
 * Songs View Specific Styles
 */

.album-songs-scene .music-songs-thumbnail-previews {
	margin-top: 10px;
}

.music-songs-thumbnail-previews {
	width: 140px;
	height: 72px;
	position: absolute;
	right: 0px;
	margin-top: 3px;
	overflow: hidden;
}

.music-songs-thumbnail-previews .thumb.left {z-index: 3; display: none;}
.music-songs-thumbnail-previews .thumb.center {z-index: 2;margin-left: 20px; display: none;}
.music-songs-thumbnail-previews .thumb.right {z-index: 1;margin-left: 40px; display: none;}

.music-songs.album-songs-scene .music-songs-thumbnail-previews {
	margin-top: 3px;	
}

.music-songs-overlay {
	position: absolute;
	width: 100px;
	height: 75px;
	z-index: 4;
}

.music-songs-thumbnail-previews .thumb {
	position: absolute;
}

.thumb.left .music-songs-overlay {
	background: url(../images/thumbnail-left-overlay-large.png) center center no-repeat;
}

.thumb.center .music-songs-overlay {
	background: url(../images/thumbnail-center-overlay-large.png) center center no-repeat;
}

.thumb.right .music-songs-overlay {
	background: url(../images/thumbnail-right-overlay-large.png) center center no-repeat;
}

.thumb .music-songs-thumbnail {
	position: absolute;
	margin: 11px 0px 0px 7px;
}

.thumb.left .music-songs-thumbnail {
	-webkit-transform: rotate(-8deg);
}

.thumb.center .music-songs-thumbnail {
	margin: 5px 0px 0px 5px;
	-webkit-transform: rotate(0deg);
}

.thumb.right .music-songs-thumbnail {
	margin: 12px 0px 0px 6px;
	-webkit-transform: rotate(8deg);
}

img.music-songs-image {
	height: 80px;
	width: 80px;
}

.palm-list .palm-row.song.first,
.palm-list .palm-row.song.single {
    margin-top: -11px;
}

.palm-list .palm-row.song.single,
.palm-list .palm-row.song.last {
    margin-bottom: -10px;
}

.palm-list .palm-row.album-song.first,
.palm-list .palm-row.album-song.single {
    margin-top: -30px;
}

/*
 * Specific Artists Album List
 */

.artist-albums-thumbnail-previews {
	width: 140px;
	height: 72px;
	position: absolute;
	right: 0px;
	margin-top: 3px;
    overflow: hidden;
}

.artist-albums-thumbnail-previews .thumb {
	position: absolute;
} 

.artist-albums-thumbnail-previews .thumb.left {z-index: 2; display: none;}
.artist-albums-thumbnail-previews .thumb.center {z-index: 1;margin-left: 20px; display: none;}
.artist-albums-thumbnail-previews .thumb.right {z-index: 0;margin-left: 40px; display: none;}

.artist-albums-overlay {
	position: absolute;
	width: 100px;
	height: 75px;
	z-index: 3;
}

.thumb.left .artist-albums-overlay {
	background: url(../images/thumbnail-left-overlay-large.png) center center no-repeat;
}

.thumb.center .artist-albums-overlay {
	background: url(../images/thumbnail-center-overlay-large.png) center center no-repeat;
}

.thumb.right .artist-albums-overlay {
	background: url(../images/thumbnail-right-overlay-large.png) center center no-repeat;
}

.artist-albums-thumbnail {
	position: absolute;
	margin: 11px 0px 0px 7px;
}

.thumb.left .artist-albums-thumbnail {
	-webkit-transform: rotate(-8deg);
}

.thumb.center .artist-albums-thumbnail {
	margin: 5px 0px 0px 5px;
	-webkit-transform: rotate(0deg);
}

.thumb.right .artist-albums-thumbnail {
	margin: 12px 0px 0px 6px;
	-webkit-transform: rotate(8deg);
}

.artist-albums-thumbnail img {
	height: 80px;
	width: 80px;
}

.albums-album-title {
	max-width: 180px;
	display: inline-block;
}

.albums-album-song-count {
	display: inline-block;
	color: #959595;
	font-size: 18px;
	text-align: center;
}

.albums-image {
	width: 80px;
	height: 80px;
	position: relative;
	float: right;
	margin: -19px 15px -10px 10px;
	z-index: 4;
}

.albums-image-overlay {
    width: 100px;
    height: 89px;
	position: absolute;
	right: 5px;
	margin-top: -28px;
	z-index: 4;	
	background: url(../images/artist-overlay.png) left top no-repeat;
}

.albums-image-overlay.show-two { background-position-y: -89px; }
.albums-image-overlay.show-three { background-position-y: -178px; }

/*
 * Genres and Playlist Scene Specic Styles
 */

.genres-scene .albums-image {
    margin-top: -8px;
    margin-bottom: -18px;
}

.genres-scene .albums-image-overlay {
    margin-top: -17px;
}

/*
 * Now Playing Album View
 */
 
.palm-menu-icon.music-forward { background-image: url(../images/menu-icon-music-forward.png); }
.palm-menu-icon.music-play { background-image: url(../images/menu-icon-music-play.png); }
.palm-menu-icon.music-repeat-one { background-image: url(../images/menu-icon-music-repeat-one.png); }
.palm-menu-icon.music-repeat { background-image: url(../images/menu-icon-music-repeat.png); }
.palm-menu-icon.music-rewind { background-image: url(../images/menu-icon-music-rewind.png); }                                                         
.palm-menu-icon.music-shuffle {	background-image: url(../images/menu-icon-music-shuffle.png); }
.palm-menu-icon.music-pause { background-image: url(../images/menu-icon-music-pause.png); }

.all-album-art-container {
	width: 320px;
	height: 480px;
	position: fixed;
}
.all-album-art {
	position: relative;
	height: 240px;
}
.album-art.current .overlay {
	width: 258px;
	height: 258px;
	background: url(../images/center-album-overlay.png) no-repeat;
	position: absolute;
	z-index: 1;
	margin: -9px 0px 0px -12px;
}
.album-art.rotate-angle-one .overlay,
.album-art.rotate-angle-two .overlay {
	width: 258px;
	height: 258px;
	background: url(../images/album-overlay-angle-one.png) no-repeat;
	position: absolute;
	z-index: 1;
	margin: -27px 0px 0px -29px;
}
.album-art.rotate-angle-two .overlay {
	background: url(../images/album-overlay-angle-two.png) no-repeat;
	margin: -21px 0px 0px -23px;	
}
.album-art.rotate-angle-one .art { -webkit-transform: rotate(8deg); }
.album-art.rotate-angle-two .art { -webkit-transform: rotate(-8deg); }

.album-art.previous {
	z-index: 0;
	position: fixed;
	display: none;
}
.album-art.next {
	z-index: 0;
	height: 30px;
	position: fixed;
	display: none;
}
.album-art.far-right {
	z-index: 3;
	position: fixed;
	display: none;
}
.album-art.far-left {
	z-index: -1;
	position: fixed;
	display: none;
}
.album-art.current {
	z-index: 1;
	position: fixed;
}
.album-art.stacked {
	width: 220px;
	height: 220px;
	position: fixed;
}

.art-view-info {
	font-size: 16px;
	text-align: center;
	position: absolute;
	width: 280px;
	padding: 0 20px;
}

.art-view-scrubber {
	width: 280px;
	margin-left: 12px;
	font-size: 16px;
}

.time-info-container {
	margin-top: 10px;
}

.time-info-container .elapsed {
	margin-left: 20px;
	float: left;
}

.time-info-container .duration {
	margin-right: 3px;
	float: right;
}

.art-view-song-name {
	font-size: 20px;
}

/*
 * Now Playing List View
 */

.music-now-playing-list .palm-list {
	padding-top: 50px;
}

.music-now-playing-list .palm-row {
	height: 58px;
}

.palm-reorder-element .active .progress-bar-background,
.palm-reorder-element .active .progress-bar {
	display: none;
}

.active .progress-bar-background {
	position: absolute;
	width: 320px;
	height: 58px;
	border-width: 15px 15px 11px 15px;
	-webkit-border-image: url(../images/download-background.png) 15 15 11 15 stretch stretch;	
	-webkit-box-sizing: border-box;
	z-index: -2;
}

.active .progress-bar {
	position: absolute;
	width: 0%; 
	height: 58px; 
	left: 0px;
	border-width: 3px 5px 3px 1px;
	-webkit-border-image: url(../images/download-progress.png) 3 5 3 1 stretch stretch;
	-webkit-box-sizing: border-box; 
	z-index: -1;
}

.palm-row .now-playing-list.title {
	position: relative;
	width:  290px;
	padding: 0 0 1px 0;
	margin: 0;
	top: 7px;
	left: 14px;
}

.palm-row .now-playing-list.subtitle {
	position: relative;
	width:  290px;
	padding: 0;
	margin: 0;
	top: 5px;
	left: 14px;
	font-size: 14px;
	color: #a4b5ca;
}

.music-now-playing-list .active .now-playing-list.title,
.music-now-playing-list .active .now-playing-list.subtitle {
	width:  250px;
	color: #fff;	
}

.music-now-playing-list .played .now-playing-list.title,
.music-now-playing-list .played .now-playing-list.subtitle {
	color: #a4b5ca;
}

.music-now-playing-list .elapsed,
.music-now-playing-list .remaining {
	position: relative;
	font-size: 12px;
	text-align: right;
	top: -34px;
	right: 8px;
	color: white;
	display: none;
}
.music-now-playing-list .remaining {
	top: -22px;
}
.music-now-playing-list .active .elapsed,
.music-now-playing-list .active .remaining {
	color: white;
	display: block;
}

.palm-header .toggle-view-icon {
    width: 30px;
    height: 48px;
    float: left;
}

.palm-header .toggle-view-icon.list {
    background: url(../images/list-view-header-icon.png) left center no-repeat;
}

.palm-header .toggle-view-icon.album {
    background: url(../images/album-view-header-icon.png) left center no-repeat;
}

.palm-header .song-x-of-y {
    font-size: 14px;
    color: #999;
    float: right;
    margin-right: 15px;
    text-align: right;
}

/* 
 * Now Playing More Popup 
 */

.toggle-inlay {
	float: right;
	width: 120px;
	height: 50px;
	margin-right: -3px;
	margin-left: -26px;
}
.toggle-list-view,
.toggle-album-view {
	float: right;
	height: 50px;
	width: 50px;
	margin: 0px;
	border-width: 0 25px;
	-webkit-box-sizing: border-box;
}
.toggle-list-view > img,
.toggle-album-view > img {
	margin: 9px 0px 0px -18px;
}
.toggle-list-view > img {
    margin-left: -12px;
}

.toggle-list-view {
	-webkit-border-image: url(../images/palm-menu-inlay-first.png) 0 25 200 25 repeat repeat;
}                             
.toggle-album-view {          
	-webkit-border-image: url(../images/palm-menu-inlay-last.png) 0 25 200 25 repeat repeat;
}                             
.toggle-list-view.depressed { 
	-webkit-border-image: url(../images/palm-menu-inlay-first.png) 100 25 100 25 repeat repeat;
}                             
.toggle-album-view.depressed {
	-webkit-border-image: url(../images/palm-menu-inlay-last.png) 100 25 100 25 repeat repeat;
}

.toggle-list-view.selected  {
	-webkit-border-image: url(../images/palm-menu-inlay-first.png) 50 25 150 25 repeat repeat;
}                             
.toggle-album-view.selected {          
	-webkit-border-image: url(../images/palm-menu-inlay-last.png) 50 25 150 25 repeat repeat;
}                             
.toggle-list-view.depressed.selected { 
	-webkit-border-image: url(../images/palm-menu-inlay-first.png) 150 25 50 25 repeat repeat;
}                             
.toggle-album-view.depressed.selected {
	-webkit-border-image: url(../images/palm-menu-inlay-last.png) 150 25 50 25 repeat repeat;
}