.ttw-music-player { width: 370px; margin: 60px auto; float:left; font-family: tahoma, arial, sans-serif; font-weight: normal; }

.ttw-music-player .player { width: 100%; }

/** Album Cover **/
.ttw-music-player .album-cover { position: relative; float: left; background: #333 url(../images/album-cover-bg.jpg) no-repeat 0 0 scroll;; box-shadow: 0px 1px 4px rgba(0, 0, 0, .75); -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, .75); -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .75); }

.ttw-music-player .album-cover .img { box-shadow: inset 0 0 1px rgba(255, 255, 255, .6); -moz-box-shadow: inset 0 0 1px rgba(255, 255, 255, .6); -webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, .6); background-position: center center; background-repeat: no-repeat; background-color: transparent; }

.ttw-music-player .album-cover .highlight { background: transparent url(../images/album-cover-highlight.png) no-repeat 0 0 scroll; opacity: 1; }

.ttw-music-player .album-cover:hover .highlight { opacity: 1; }

.ttw-music-player .album-cover,
.ttw-music-player .album-cover .img,
.ttw-music-player .album-cover .highlight { display: block; height: 125px; width: 125px; }

.ttw-music-player .album-cover img,
.ttw-music-player .album-cover .img,
.ttw-music-player .album-cover .highlight { position: absolute; top: 0; left: 0; height: 125px; width: 125px; }

/** Track Info **/
.ttw-music-player .track-info { width: 215px; margin: 8px 0 0 30px; float: left; font-size: 12px; }

.ttw-music-player .track-info p { margin: 0 0 8px 0; }

.ttw-music-player .player .title { color: #efefef; text-shadow: 0 1px 1px rgba(0, 0, 0, .8); font-family: tahoma, arial, sans-serif; font-weight: normal; font-size: 12px; }

.ttw-music-player .artist-outer { color: #727272; font-family: tahoma,, arial, sans-serif; font-style: normal; }

.ttw-music-player .artist { color: #999; font-family: tahoma, arial, sans-serif; margin-left: 4px; }

.ttw-music-player .rating { width: 75px; height: 16px; }





/** Player **/
.ttw-music-player .player-controls { width: 215px; height: 30px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: transparent url(../images/player-bg.png) repeat 0 0 scroll; float: left; margin: 12px 0 0 30px; }

.ttw-music-player .player-controls .main { width: 52px; height: 12px; margin: 9px 9px; float: left; }

.ttw-music-player .player-controls div { float: left; cursor: pointer; }

.ttw-music-player .previous, .ttw-music-player .next { height: 10px; width: 15px; margin: 1px 0; }

.ttw-music-player .play, .ttw-music-player .pause { width: 8px; height: 12px; margin: 0 7px; }

.ttw-music-player .previous { background: transparent url(../images/player-previous.png) no-repeat center center scroll; }

.ttw-music-player .next { background: transparent url(../images/player-next.png) no-repeat center center scroll; }

.ttw-music-player .play { background: transparent url(../images/player-play.png) no-repeat center center scroll; }

.ttw-music-player .pause { background: transparent url(../images/player-pause.png) no-repeat center center scroll; }

.ttw-music-player .progress-wrapper { height: 9px; width: 135px; float: left; background: transparent url(../images/player-progress.png) repeat-x 0 0 scroll; margin: 11px 10px 10px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.ttw-music-player .progress { height: 9px; width: 135px; cursor: pointer; }

.ttw-music-player .elapsed { height: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 1px; width: 60%; background: transparent url(../images/player-elapsed.png) repeat-x 0 0 scroll; }

.ttw-music-player .unused-controls { display: none !important; }

/** Description **/
.ttw-music-player .description { clear: both; margin: 30px 0 0 0; font-size: 12px; color: #999; text-shadow: 0 1px 1px rgba(0, 0, 0, .6); }

.ttw-music-player .description.showing { margin: 30px 0; }

/** Track List **/
.ttw-music-player .tracklist { padding: 10px 20px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: transparent url(../images/tracklist-bg.png) repeat 0 0 scroll; color: #999; font-size: 12px; }

.ttw-music-player .tracklist ol { margin: 0; padding: 0; overflow: hidden; }

.ttw-music-player .tracklist li { text-shadow: 0 1px 1px rgba(0, 0, 0, .6); background: transparent url(../images/tracklist-item-bg.png) repeat-x bottom left scroll; padding: 10px 0 10px 0; list-style-position: inside; position: relative; }

.ttw-music-player .tracklist li:hover { color: #fff; }

.ttw-music-player li:last-child { background: none; }

.ttw-music-player .show-more-button li:last-child { background: transparent url(../images/tracklist-item-bg.png) repeat-x bottom left scroll; }



.ttw-music-player .tracklist .title { width: 250px; display: inline-block; padding: 0 0 0 0; cursor: pointer; }

.ttw-music-player li:nth-child(1n + 10) .title { padding-left: 7px; }

.ttw-music-player li.playing { color: #fff !important; }

.ttw-music-player .tracklist .rating { margin-left: 10px; width: 30px; display: block; position: absolute; right: 72px; top: 12.5px; }


.buy { color: #999; }
.ttw-music-player .buy:hover { color: #fff000; }

.ttw-music-player .buy.not-active { display: none; color: #fff000; }

.ttw-music-player .more { display: none; font-family: tahoma, arial, sans-serif; font-style: normal; font-size: 12px; text-shadow: 0 1px 1px rgba(0, 0, 0, .6); padding: 10px 0; margin: 10px 0; cursor: pointer; text-align: center; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: transparent url(../images/tracklist-more.png) repeat 0 0 scroll; }

.ttw-music-player .more:hover { color: #eee; box-shadow: inset 0px 0px 20px rgba(0, 0, 0, .2); -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, .2); }

.ttw-music-player .show-more-button .more { display: block; }


/** Transitions **/
.ttw-music-player .more,
.ttw-music-player .album-cover .highlight,
.ttw-music-player .tracklist li,
.ttw-music-player .buy { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.ttw-music-player .player:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }