/* - -
 * CSS Deezer Framework
 * http://www.deezer.com
 * Version 00208787- - */



/* - reset - */
html{margin:0;padding:0;border:0;overflow-x:hidden}
body{background:#f0f0f0;height:100%;margin:0;padding:0;border:0;line-height:1.5;font:inherit;font-family:Arial,Helvetica,Verdana,sans-serif;font-size:12px}
div{margin:0;padding:0;border:0;vertical-align:baseline}
p{margin:0;padding:0;border:0;vertical-align:baseline}
iframe,pre{margin:0;padding:0;border:0}
table{margin:0;padding:0;border:0;border-collapse:separate;border-spacing:0;vertical-align:middle}
tbody,tr,thead,tfoot{margin:0;padding:0;border:0;vertical-align:middle}
th,td{margin:0;padding:0;border:0;text-align:left;font-weight:normal;vertical-align:middle}
fieldset,form,label,legend{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;vertical-align:baseline}
img{margin:0;padding:0;border:0}
a img{border:0}
ul{list-style:none;margin:0;padding:0;border:0}
ol{list-style:none;margin:0;padding:0;border:0}
dl{list-style:none;margin:0;padding:0;border:0}
li,dt,dd{list-style:none;margin:0;padding:0;border:0}
input,textarea{vertical-align:middle;border:none;outline:none}
object{margin:0;padding:0;border:0}
a{margin:0;padding:0;border:0;text-decoration:none;vertical-align:baseline}
span{margin:0;padding:0;border:0;vertical-align:baseline}
strong,b,u,i,em{margin:0;padding:0;border:0;font-size:100%}



/* - display - */
.block{display:block}
.show{display:block !important}
.inline{display:inline}
.none {display:none}

/* - position - */
.relative{position:relative}
.absolute{position:absolute}
.fixe{position:fixed}
.z_bulle{z-index:500}

/* - structure - */
.floatl{float:left}
.floatr{float:right}
.clr{clear:both;line-height:0;height:0;font-size:0}

/* - width - */
.w_auto{width:auto !important}
.w_100{width:100% !important}



/* - visible - */
.disabled{opacity:.2;cursor:default !important;filter:alpha(opacity=20)}
.disable{display:none}
.activate,.open{opacity:1;filter:alpha(opacity=100)}

/* - typography - */
h1,h2,h3,h4,h5,h6{font-weight:bold}
.fwb{font-weight:bold}
.fwn{font-weight:normal}
.fs_0{font-size:0}.fs_9{font-size:9px}.fs_10{font-size:10px}.fs_11{font-size:11px}.fs_12{font-size:12px}.fs_13{font-size:13px}.fs_14{font-size:14px}.fs_15{font-size:15px}.fs_16{font-size:16px}.fs_17{font-size:17px}.fs_18{font-size:18px}.fs_19{font-size:19px}.fs_20{font-size:20px}.fs_21{font-size:21px}.fs_22{font-size:22px}.fs_23{font-size:23px}.fs_24{font-size:24px}.fs_25{font-size:25px}.fs_30{font-size:30px}.fs_35{font-size:35px}
.fc_fff{color:#fff !important}
.fc_000{color:#000}
.fc_f00{color:#f00}
.fc_999{color:#999}
.fc_666{color:#666}
.fc_444{color:#444}
.fc_333{color:#333 !important}
.ta_c{text-align:center}.ta_r{text-align:right}.ta_l{text-align:left}
.tdu{text-decoration:underline}
.tduh:hover{text-decoration:underline}
.ttu{text-transform:uppercase}
.ttc{text-transform:capitalize}
.ts_fff{text-shadow:0 1px #fff}
.ts_444{text-shadow:0 1px #444}
.ts_666{text-shadow:0 1px #666}
.ts_000{text-shadow:0 1px #000}
.to_e{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

/* - position - */
.m_0auto{margin:0 auto}
.m_0{margin:0}.mt_0{margin-top:0}.mr_0{margin-right:0}.mb_0{margin-bottom:0}.ml_0{margin-left:0}
.m_3{margin:3px}.mt_3{margin-top:3px}.mr_3{margin-right:3px}.mb_3{margin-bottom:3px}.ml_3{margin-left:3px}
.m_5{margin:5px}.mt_5{margin-top:5px}.mr_5{margin-right:5px}.mb_5{margin-bottom:5px}.ml_5{margin-left:5px}
.m_7{margin:7px}.mt_7{margin-top:7px}.mr_7{margin-right:7px}.mb_7{margin-bottom:7px}.ml_7{margin-left:7px}
.m_10{margin:10px}.mt_10{margin-top:10px}.mr_10{margin-right:10px}.mb_10{margin-bottom:10px}.ml_10{margin-left:10px}
.m_15{margin:15px}.mt_15{margin-top:15px}.mr_15{margin-right:15px}.mb_15{margin-bottom:15px}.ml_15{margin-left:15px}
.m_20{margin:20px}.mt_20{margin-top:20px}.mr_20{margin-right:20px}.mb_20{margin-bottom:20px}.ml_20{margin-left:20px}
.m_25{margin:25px}.mt_25{margin-top:25px}.mr_25{margin-right:25px}.mb_25{margin-bottom:25px}.ml_25{margin-left:25px}
.m_30{margin:30px}.mt_30{margin-top:30px}.mr_30{margin-right:30px}.mb_30{margin-bottom:30px}.ml_30{margin-left:30px}
.m_40{margin:40px}.mt_40{margin-top:40px}.mr_40{margin-right:40px}.mb_40{margin-bottom:40px}.ml_40{margin-left:40px}
.m_50{margin:50px}.mt_50{margin-top:50px}.mr_50{margin-right:50px}.mb_50{margin-bottom:50px}.ml_50{margin-left:50px}
.p_0{padding:0px}.pt_0{padding-top:0px}.pr_0{padding-right:0px}.pb_0{padding-bottom:0px}.pl_0{padding-left:0px}
.p_3{padding:3px}.pt_3{padding-top:3px}.pr_3{padding-right:3px}.pb_3{padding-bottom:3px}.pl_3{padding-left:3px}
.p_5{padding:5px}.pt_5{padding-top:5px}.pr_5{padding-right:5px}.pb_5{padding-bottom:5px}.pl_5{padding-left:5px}
.p_7{padding:7px}.pt_7{padding-top:7px}.pr_7{padding-right:7px}.pb_7{padding-bottom:7px}.pl_7{padding-left:7px}
.p_10{padding:10px}.pt_10{padding-top:10px}.pr_10{padding-right:10px}.pb_10{padding-bottom:10px}.pl_10{padding-left:10px}
.p_15{padding:15px}.pt_15{padding-top:15px}.pr_15{padding-right:15px}.pb_15{padding-bottom:15px}.pl_15{padding-left:15px}
.p_20{padding:20px}.pt_20{padding-top:20px}.pr_20{padding-right:20px}.pb_20{padding-bottom:20px}.pl_20{padding-left:20px}
.p_25{padding:25px}.pt_25{padding-top:25px}.pr_25{padding-right:25px}.pb_ 25{padding-bottom:25px}.pl_25{padding-left:25px}
.p_30{padding:30px}.pt_30{padding-top:30px}.pr_30{padding-right:30px}.pb_30{padding-bottom:30px}.pl_30{padding-left:30px}
.p_50{padding:50px}.pt_50{padding-top:50px}.pr_50{padding-right:50px}.pb_50{padding-bottom:50px}.pl_50{padding-left:50px}



/*  */
.sprite_widget{background:url(../../img/sprites/widget_player-v00208787.png) no-repeat}



/* general + structure */

.widget{*min-height:1%}
.widget_basic{min-width:270px;box-shadow:0px 1px 1px #777;*border:1px solid #ccc;*border-top:0}
.widget_long{min-width:565px}
.widget_vertical{min-width:200px;box-shadow:0px 1px 3px #777;*border:1px solid #ccc}

	/* Cover */
.cover{font-size:0}
.cover .alpha_play{display:none;position:absolute;z-index:2;left:50%;top:50%;margin-left:-28%;margin-top:-28%}
.cover:hover .alpha_play{display:block}
.cover:hover .alpha_play.none{display:none}
.widget_vertical .cover{float:none}

/* Player - controls - infos */

.player{height:78px;border:1px solid black;border-right:0;border-left:0;background:#313131;background:-webkit-linear-gradient(top,#3e3e3e,#383838 49%,#343434 50%,#313131 51%,#313131);background:-moz-linear-gradient(top,#3e3e3e,#383838 49%,#343434 50%,#313131 51%,#313131);background:-o-linear-gradient(top,#3e3e3e,#383838 49%,#343434 50%,#313131 51%,#313131);background-image:linear-gradient(top,#3e3e3e,#383838 49%,#343434 50%,#313131 51%,#313131);z-index:0}
.widget_player .player{}
.widget_vertical .player{border-top:2px groove #666;height:69px}
.widget_basic .player{min-width:371px}
.widget_long .player{min-width:565px}

	/* timeline */
.timeline{position:relative;background:#6a6a6a;background:-webkit-linear-gradient(top,#555,#5d5d5d 12%,#6a6a6a);background:-moz-linear-gradient(top,#555,#5d5d5d 12%,#6a6a6a);background:-o-linear-gradient(top,#555,#5d5d5d 12%,#6a6a6a);background:linear-gradient(top,#555,#5d5d5d 12%,#6a6a6a);}
.timeline span{z-index:10;background:#4496c6;background:-webkit-linear-gradient(top,#82bbdc,#4496c6 12%,#3082b2 50%,#1d6f9f 51%,#0f6091);background:-moz-linear-gradient(top,#82bbdc,#4496c6 12%,#3082b2 50%,#1d6f9f 51%,#0f6091);background:-o-linear-gradient(top,#82bbdc,#4496c6 12%,#3082b2 50%,#1d6f9f 51%,#0f6091);background:linear-gradient(top,#82bbdc,#4496c6 12%,#3082b2 50%,#1d6f9f 51%,#0f6091);}
.timeline .buffer{z-index:8}
.timeline.tl_top,.timeline.tl_top span{height:5px}
.timeline.tl_bottom{border-bottom:1px solid #000}
.timeline.tl_bottom,.timeline.tl_bottom span{height:9px}

.widget_basic .tl_top,.widget_long .tl_top{display:none}
.widget_basic .tl_bottom,.widget_long .tl_bottom,.widget_vertical .tl_top,.widget_vertical .tl_bottom{display:block}

	/* controls */
.controls{width:148px;padding-top:19px;padding-bottom:7px;height:43px;*height:43px}
.widget_vertical .controls{height:49px;padding-bottom:0}
.controls a{float:left;font-size:0;cursor:pointer}
.controls .previous{width:26px;height:17px;margin-top:9px}
.controls .play,.controls .pause{width:31px;height:36px}
.controls .next{width:27px;height:19px;margin-top:8px}
.widget_vertical .controls{position:relative;left:50%;margin-left:-70px}
.widget_compact .controls{margin-left:100px}

.play{background-position:-28px -24px}
.play:hover{background-position:-60px -24px}
.pause{background-position:-92px -23px}
.pause:hover{background-position:-124px -23px}
.next{background-position:0 -58px}
.next:hover{background-position:0 -78px}
.previous{background-position:0 -22px}
.previous:hover{background-position:0 -40px}
.disabled{opacity:0.2;filter:alpha(opacity=20);cursor:default !important}

	/* infos */
.player .infos{line-height:14px;overflow:hidden;/*margin-left:148px;*/margin-right:150px;padding-right:10px}
.widget_compact .player .infos{margin-right:75px}
.widget_long .player .infos{min-width:150px;margin-right:250px}
.widget_vertical .player .infos{position:absolute;width:100%;text-align:center;left:0;top:0;height:50px;margin:-72px 0 0 0;padding:15px 0 0 0;font-size:15px;line-height:15px;background:url(../../img/common/black-80.png) repeat top left;}
.widget_vertical .player .infos ul{width:90%;margin:0 auto}
.widget_vertical .player .infos .title{width:90%;margin:0 auto}
.player .infos .title{overflow:hidden;height:16px;line-height:14px}
.widget_vertical .player .infos .title{height:18px;line-height:16px}
.player .infos .artist{overflow:hidden;height:15px;line-height:14px}
.player .infos .artist a{color:#a1a1a1}
.player .infos .artist a:hover{color:#c6c6c6}
.widget_vertical .player .infos .artist{overflow:hidden;height:18px;line-height:16px}
.ie .widget_basic .player .infos{margin-right:150px}
.ie .widget_long .player .infos{margin-right:240px}


	/* buttons */
.buttons{margin-top:20px;top:0;right:0}
.widget_long .buttons{margin-top:20px;top:0;right:115px}
.widget_vertical .buttons{position:relative;margin-top:0;top:0;right:0}
.widget_compact .buttons{margin-top:5px;top:0;right:0}
.buttons div{display:block}
.buttons div > span{z-index:1;margin-right:5px;float:left;height:29px;width:29px;font-size:0;cursor:pointer}
.widget_vertical .buttons div,.widget_vertical .buttons div > span{background-color:#3a3a3a}
.widget_compact .buttons div{float:none}
.widget_vertical .buttons .part1{border-right:2px groove #666}
.widget_vertical .buttons .part2{border-left:2px groove #666}
.buttons div span level{top:0:left:0}
.widget_vertical .buttons div{position:absolute;top:0;width:35px}
.widget_vertical .buttons div span{margin:3px}
.widget_vertical .buttons .part1{left:0}
.widget_vertical .buttons .part2{right:0;text-align:center}
.level > span{z-index:50;top:5px;left:27px;width:87px;height:24px;background-position:0 -210px}
.widget_compact .level > span{top:25px;left:-53px;height:30px;width:80px;background-position:-89px -205px}
.level .lvl-volume,.widget_vertical .level .lvl-volume{top:11px;left:16px;height:3px;width:65px}
.level .lvl-slider{top:0px;left:0px;height:3px;width:0;border-radius:1px 0 0 1px;background:#adadad;background:-webkit-linear-gradient(top,#adadad 35%,#616161 50%,#494949);background:-moz-linear-gradient(top,#adadad 35%,#616161 50%,#494949);background:-o-linear-gradient(top,#adadad 35%,#616161 50%,#494949);background:linear-gradient(top,#adadad 35%,#616161 50%,#494949)}
.widget_compact .level .lvl-volume{top:16px;left:10px}
.level .lvl-cursor,.widget_vertical .level .lvl-cursor{top:-2px;left:0;height:10px;margin-left:-5px;width:10px;background-position:-121px 0;z-index:1}
.widget_vertical .level span{top:1px}
.widget_vertical .buttons .level div{background-color:inherit}
.widget_vertical .level .lvl-cursor{ }

.repeat{background-position:-28px -60px}
.repeat_on{background-position:-88px -60px}
.repeat:hover{background-position:-58px -60px}
.repeat1{background-position:-28px -90px}
.repeat1_on{background-position:-88px -90px}
.repeat1:hover{background-position:-58px -90px}
.shuffle{background-position:-28px -119px}
.shuffle_on{background-position:-88px -119px}
.shuffle:hover{background-position:-58px -119px}
.login{background-position:-28px -150px}
.login:hover{background-position:-58px -150px}
.level_full{background-position:-25px -180px}
.level_medium{background-position:-56px -180px}
.level_low{background-position:-89px -180px}
.level_disabled{background-position:-121px -180px}


/* Popup Btn */
.btn_popup {display:block;background-position:-88px -162px;width:17px;height:14px;}
.btn_popup:hover {background-position:-105px -162px;}
.btn_popup.btn_popup_light {background-position:-122px -162px;}
.btn_popup.btn_popup_light:hover {background-position:-139px -162px;}

.widget .buttons .btn_popup {position:relative;float:left;margin-top:11px;}
.widget.option_playlist .buttons .btn_popup {display:none;}
.widget_compact .btn_popup {display:none;}


	/* logo-player */
.player .img_logo{display:block;height:22px;width:88px;background-position:0 0}
.widget_long .logo{top:0;right:0}
.widget_vertical .player div.logo,.widget_basic .player div.logo{display:none}
.widget_vertical .player div.logo,.widget_basic .player div.logo{display:none}
.widget_compact .logo{top:0;left:10px}

/* list tracks */



	/* title-playlist */
.widget_basic .current-playlist{min-width:435px}
.current-playlist > div{background:#e5e5e5}
.title-list,.title_next-tracks{display:block;height:25px;border-top:1px solid #f0f0f0;border-bottom:2px groove #fff;padding-top:11px;background:#ccc}
.title-list a,.title_next-tracks a{display:block;font-size:13px;line-height:13px;font-weight:bold;color:#444;text-shadow:0 1px #fff}
.title_next-tracks{border-top:1px solid #fff;margin-bottom:-1px}
.title-list span,.title_next-tracks span{margin:-2px 12px 0 10px}
.icn_playlist,.icn_playlist-col,.icn_playlist-fav,.icn_album,.icn_next-tracks{float:left;height:18px;width:18px;background-position:0 -100px}
.icn_playlist-col{background-position:0 -118px}
.icn_playlist-fav{background-position:0 -136px}
.icn_album{background-position:0 -154px}
.icn_next-tracks{background-position:0 -172px}

.list-tracks{overflow:hidden;font-size:13px;text-shadow:0 1px #fff}
.list-tracks li dl{background:#e5e5e5}
.list-tracks li:nth-of-type(2n+1) dl{background:#e0e0e0}
.list-tracks li dl,.list-tracks li dl.highlight{color:#444;background:#ccc}
.list-tracks li dl{overflow:hidden;width:100%;height:36px;border-top:1px solid #fff;border-bottom:1px solid #ccc;color:#666;background:#e5e5e5;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.list-tracks dl a{color:#666}
.list-tracks li dl:hover{background:#d2d2d2;color:#333}
.list-tracks dl:hover a{color:#333}
.list-tracks dl:hover a:hover{color:#000}
.list-tracks dl.highlight a{color:#444}
.list-tracks dd{float:left;height:2px;padding:2px 0}
.list-tracks li dl.unavailable, .list-tracks li dl.unavailable a, .list-tracks li dl.unavailable a:hover{color:#aaa}

	/* number */
.list-tracks .number{width:26px;height:25px;padding:11px 10px 0 0;text-align:right;font-size:11px;font-weight:bold;background-position:100px 100px}
dl.datagrid_track:hover {cursor: pointer;}
dl.datagrid_track:hover .number{font-size:0px;background-position:-85px -244px}
dl.datagrid_track:hover .number:hover{font-size:0px;background-position:-121px -244px;cursor:pointer}
.list-tracks .song{float:none;margin:0 40px}
.list-tracks .song .song_content{width:100%;margin-top:0}
.list-tracks .sng_title{float:none;display:block;overflow:hidden;height:18px;font-weight:bold}
.list-tracks .art_title{display:block;overflow:hidden;height:14px;line-height:14px;font-size:11px}
.list-tracks .time{float:right;width:30px;font-size:11px;text-align:center;padding:5px 10px 0 0}
.list-tracks .add{display:none}
.list-tracks dl .add a{padding:7px 15px 10px}
.list-tracks .clear{padding:0}

	/* footer  */
.footer_list-tracks{padding:3px 9px 3px 0;*padding:6px 9px 0 0;border-top:2px groove white;background:#e5e5e5;line-height:0;position:relative;}
.footer_list-tracks .logo{display:block;height:19px;width:85px;background-position:0 -261px}


.widget.option_playlist .footer_list-tracks .btn_popup {position:absolute;left:9px;top:6px;}



/* - - Tooltip - - */
.tipsy{position:absolute;z-index:100000;padding:5px;font-size:10px}
.tipsy-inner{background-color:#000;max-width:230px;padding:5px 8px 4px;color:#FFF;text-align:center}
.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.tipsy-arrow{position:absolute;background:url(http://cdn-files.deezer.com/img/tooltip/tooltip-v00208787.gif);width:9px;height:5px}
.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-4px}
.tipsy-nw .tipsy-arrow{top:0;left:10px}
.tipsy-ne .tipsy-arrow{top:0;right:10px}
.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-4px;background-position:bottom left}
.tipsy-sw .tipsy-arrow{bottom:0;left:10px;background-position:bottom left}
.tipsy-se .tipsy-arrow{bottom:0;right:10px;background-position:bottom left}
.tipsy-e .tipsy-arrow{top:50%;margin-top:-4px;right:0;width:5px;height:9px;background-position:top right}
.tipsy-w .tipsy-arrow{top:50%;margin-top:-4px;left:0;width:5px;height:9px}


/* - - Volume - - */
#h_volume a{position:absolute;top:0px;left:0px;height:29px;width:29px;}


/* - - Cover mod30 - - */
.cover .mod30 {width:86px;height:86px;font-size:15px;color:#fff;text-align:center;line-height:145px;
	position:absolute;z-index:100;top:50%;margin-top:-43px;left:50%;margin-left:-43px;display:block;cursor:pointer;
	background:url(../../img/common/black-80.png) repeat top left;}
.cover .mod30 .icn_30s {background-image:url(../../img/plugins/widgets/clock30s.png);background-repeat:no-repeat;background-position:center center;
	width:86px;height:49px;position:absolute;top:0px;margin-top:10px;}

.cover.scover .mod30 .icn_30s {display:none;}
.cover.scover .mod30 {height:30px;line-height:30px;top:100%;margin-top:-30px;}



.thumbnail {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.thumbnail .picture {
  display: block;
  position: relative;
}
.thumbnail .picture img {
  max-width: 100%;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.thumbnail .picture .shadow {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABcCAYAAACvBd+gAAAAxUlEQVQYlQXBAUYDAAAAwCtlWZLZTMZkMlJkZCRGIiIjxpiIERERY4xJRMSIiIjIiDEmRswYiUTGJpJk9JLuYAzGYQImIQBTEIRpmIFZCEEYIhCFOYhBHOYhAQuQhEVYgmVYgRSsQhrWYB0ysAGbsAXbsANZ2IUc5KEAe7APRTiAQziCYziBEpShAlU4hTM4hwu4hBpcwTXcwC3cwT08QB0eoQFNaMETtOEZOtCFHrzAK7zBO3xAHwYwhE/4gm/4gV8Ywd8/cusmmXJ5hi0AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
  bottom: 0;
  left: 0;
  height: 92px;
  position: absolute;
  width: 100%;
  z-index: 1;
}


.thumbnail .caption {
  bottom: 0;
  color: white;
  left: 0;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  padding: 0 10px 10px;
  position: absolute;
  text-align: left;
  z-index: 5;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.thumbnail .caption dd {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.thumbnail .caption dd.title {
  font-weight: bold;
}
.thumbnail .caption dd a {
	color: white;
	text-decoration: none;
}
.thumbnail .caption dd a:hover {
	text-decoration: underline;
}