

.ttw-music-player{width:100%;margin:10px auto;font-family: 'Lato ',arial,sans-serif;}

.ttw-music-player .player{/*width:384px;*/}

/** 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);*/ margin-top:-15px;}

.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 0;float:left;font-size:12px;}

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

.ttw-music-player .player .title{color:#efefef;text-shadow:0 1px 1px rgba(0,0,0,.8);font-family: 'Lato Bold ',arial,sans-serif;font-weight:bold;font-size:14px;}

.ttw-music-player .artist-outer{color:#727272;font-family: 'Lato Italic ',arial,sans-serif;font-style:italic;}

.track-info p.artist-outer{margin-bottom:0px !important;margin-top:-8px !important;}

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

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

.ttw-music-player .rating-star{width:15px;height:16px;display:block;float:left;background:transparent url(../images/rating-off.png) no-repeat center center scroll;cursor:default;}

/*.ttw-music-player .rating-star:hover,*/

.ttw-music-player .rating-star.on

/*, .ttw-music-player .rating-star.hover */{background:transparent url(../images/rating-on.png) no-repeat center center scroll;}

/** 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:15px 0 0 0;}

.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:105px;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:7px;width:135px;cursor:pointer;background:#333333 !important;margin-top: 1px}

.ttw-music-player .elapsed{height:7px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0px;width:60%;background: #66a6eb; /* Old browsers */

background: -moz-linear-gradient(top, #66a6eb 0%, #3a7dd4 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66a6eb), color-stop(100%,#3a7dd4)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #66a6eb 0%,#3a7dd4 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #66a6eb 0%,#3a7dd4 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #66a6eb 0%,#3a7dd4 100%); /* IE10+ */

background: linear-gradient(to bottom, #66a6eb 0%,#3a7dd4 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a6eb', endColorstr='#3a7dd4',GradientType=0 ); /* IE6-9 */}

.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:0px 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;clear:both;}

.ttw-music-player .tracklist li:hover,.ttw-music-player .tracklist .title:hover{color:#eee !important;}

.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{display:inline-block;padding:0 0 0 14px;border:medium none;margin:0;font-size:12px;color:#999999;cursor:pointer;}

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

.tracklist .duration{display:inline-block;float:right;margin:0 10px;}

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

.ttw-music-player .tracklist .rating{margin:0 10px;width:30px;display:block;position:relative;float:right;}

.ttw-music-player .rating-bar{height:10px;width:3px;display:block;float:left;cursor:pointer;background:transparent url(../images/rating-bar.png) no-repeat 0 0 scroll;}

.ttw-music-player .rating-bar.on,.ttw-music-player .rating-bar:hover,.ttw-music-player .rating-bar.hover{background:transparent url(../images/rating-bar-on.png) no-repeat 0 0 scroll;}

.ttw-music-player .buy{padding-left:7px;padding-right:8px;height:16px;display:inline-block;position:relative;float:right;right:0;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;background:transparent url(../images/buy-bg.png) repeat 0 0 scroll;margin:0 10px;font-size:10px;text-align:center;line-height:16px;text-shadow:none;color:#999;text-decoration:none;}

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

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

.ttw-music-player .more{display:none;font-family: 'Lato Italic ',arial,sans-serif;font-style:italic;font-size:11px;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 .buy:hover{border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;}

.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,.ttw-music-player .tracklist .title{-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;}



.s5_audioplayer ol li{margin-left:0;margin-right:0;}

.ttw-music-player .jp-volumecontrol{height:13px;width:15px;position:relative;margin-left:8px;margin-top:9px;background:transparent url(../images/player-vol.png) repeat 0 0 scroll;}

.ttw-music-player .jp-volumecontrol.mute{background:transparent url(../images/player-vol-mute.png) repeat 0 0 scroll;}

.ttw-music-player .jp-volumecontrolwrap{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;height:100px;position:relative;width:24px;margin-bottom:8px;margin-top:-126px;right:-5px;display:none;background:url("../images/player-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}

.ttw-music-player .jp-volumecontrolwrap-track{overflow:hidden;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:1px 0px 1px rgba(0,0,0,0.5) inset,0px 0px 1px rgba(255,255,255,.1);-moz-box-shadow:1px 0px 1px rgba(0,0,0,0.5) inset,0px 0px 1px rgba(255,255,255,.1);-webkit-box-shadow:1px 0px 1px rgba(0,0,0,0.5) inset,0px 0px 1px rgba(255,255,255,.1);height:87px;margin-left:9px;width:6px;margin-top:7px;background:#151515;/* Old browsers */background:-moz-linear-gradient(left,#151515 0%,#1b1b1b 100%);/* FF3.6+ */background:-webkit-gradient(linear,left top,right top,color-stop(0%,#151515),color-stop(100%,#1b1b1b));/* Chrome,Safari4+ */background:-webkit-linear-gradient(left,#151515 0%,#1b1b1b 100%);/* Chrome10+,Safari5.1+ */background:-o-linear-gradient(left,#151515 0%,#1b1b1b 100%);/* Opera 11.10+ */background:-ms-linear-gradient(left,#151515 0%,#1b1b1b 100%);/* IE10+ */background:linear-gradient(to right,#151515 0%,#1b1b1b 100%);/* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr= '#151515 ',endColorstr= '#1b1b1b ',GradientType=1 );/* IE6-9 */}

.ttw-music-player .jp-player-volknob{height:13px;width:12px;margin-left:-3px;position:absolute;top:38px;z-index:1;background:transparent url(../images/player-volknob.png) repeat 0 0 scroll;}

.jp-player-volknob-track{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;z-index:0;height:87px;margin-left:0px;position:relative;top:34px;width:7px;background:#66a6eb;/* Old browsers */background:-moz-linear-gradient(left,#66a6eb 0%,#3a7dd4 100%);/* FF3.6+ */background:-webkit-gradient(linear,left top,right top,color-stop(0%,#66a6eb),color-stop(100%,#3a7dd4));/* Chrome,Safari4+ */background:-webkit-linear-gradient(left,#66a6eb 0%,#3a7dd4 100%);/* Chrome10+,Safari5.1+ */background:-o-linear-gradient(left,#66a6eb 0%,#3a7dd4 100%);/* Opera 11.10+ */background:-ms-linear-gradient(left,#66a6eb 0%,#3a7dd4 100%);/* IE10+ */background:linear-gradient(to right,#66a6eb 0%,#3a7dd4 100%);/* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr= '#66a6eb ',endColorstr= '#3a7dd4 ',GradientType=1 );/* IE6-9 */}

/*@font-face {*/

/*font-family: Lato;*/

/*src: url('../fonts/Lato-Regular.ttf');*/

/*}*/

/*@font-face {*/

/*font-family: Lato Italic;*/

/*src: url('../fonts/Lato-Italic.ttf');*/

/*}*/

/*@font-face {*/

/*font-family: Lato Bold;*/

/*src: url('../fonts/Lato-Bold.ttf');*/

/*}*/

html{overflow-y:scroll;}

#title{background:transparent url(../images/title.png) 0 0 scroll;position:absolute;top:60px;left:24px;height:62px;width:334px;}

#download{position:absolute;top:132px;left:30px;text-decoration:none;font-size:12px;color:#999;font-family:arial,sans-serif;}

#download:hover{color:#fff;}

.download{position:relative;float:right;margin:0 10px;cursor:pointer;height:16px;width:16px;background:transparent url(../images/player-download.png) no-repeat;}

.ttw-music-player .tracklist .rating{display:none;}

/* Responive CSS */

@media screen and (max-width:280px){.tracklist .duration{display:none;}}

@media screen and (max-width:470px){.ttw-music-player .progress-wrapper,.jp-volumecontrol,.jp-volumecontrolwrap{display:none;}

.ttw-music-player .player-controls{width:72px;}}



.jp-volumecontrol .jp-volumecontrolwrap {

	-webkit-transition:  all 300ms ease-in 0s;

	-moz-transition:  all 300ms ease-in 0s;

	-o-transition: all 300ms ease-in 0s;

	transition:  all 300ms ease-in 0s;

	-moz-opacity: 0 !important;

	-khtml-opacity: 0 !important;

	filter:alpha(opacity=0) !important;

	opacity:0 !important;}



.jp-volumecontrol:hover .jp-volumecontrolwrap {

	-webkit-transition:  all 300ms ease-in 0s;

	-moz-transition:  all 300ms ease-in 0s;

	-o-transition: all 300ms ease-in 0s;

	transition:  all 300ms ease-in 0s;

	-moz-opacity: 1 !important;

	-khtml-opacity: 1 !important;

	filter:alpha(opacity=100) !important;

	opacity:1 !important;

	display:block;}



