html,body {
	margin:0;
	padding: 0;
	font: 12px/24px Arial;
}

p {
	padding: 10px;
}

#album-removed, #song-removed a {
    color:#FF8800;
}

#wrap {
	position: relative;
}

.caPlayer {
	height: 43px;
	position: relative;
	display: block;
}

.caPlayer i {
	display: block;
	text-decoration: none;
}

.caPlayer .ps {
	width: 51px;
	height: 51px;
	cursor: pointer;
	position: absolute;
	top: 11px;
	left: 13px;
	/*border: 7px solid #dedede;*/
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.31);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.31);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.31);   
}

.withplaylist .caPlayer .ps {
	left: 32px;
}

.slim .caPlayer .ps {
	top: 10px;
	left: 9px;
	width: 38px;
	height: 38px;
	border-width: 5px;
}

.caPlayer .prev,
.caPlayer .next {
	display: none;
	height: 43px;
	width: 18px;
	float: left;
	position: absolute;
	top: 18px;
	cursor: pointer;
	background-image: url(../../../cap/imgs/prvnxt.png);
	background-repeat: no-repeat;
}

.caPlayer .next {
	background-position: -80px center;
	left: 92px;
}

.caPlayer .prev {
	background-position: 0 center;
	left: 12px;
}

.caPlayer .prev:hover,
.caPlayer .next:hover {
	/*background-image: url(../../../cap/imgs/prvnxt-hover.png);*/
}

.caPlayer .vol {
	width: 55px;
	height: 6px;
	cursor: pointer;
	position: absolute;
	right: 16px;
	top: 82px;
	background: #535352;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.slim .caPlayer .vol {
	top: 36px;
	right: 10px;
}

.caPlayer .vol .bar {
	height: 6px;
	width: 55px;
	position: absolute;
	top:0;
	left: 0;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-color: #ff9030;
}
.caPlayer .vol .volicon {
	display: block;
	width: 13px;
	height: 12px;
	position: absolute;
	left: -20px;
	top: -5px;
	background: url(../../../cap/imgs/pcntrls.png) 0 0 no-repeat;
}

.caPlayer .progressbar {
	height: 40px;
	margin: 0 103px 0 25px;
	position: relative;
	top: 63px;
}

.slim .caPlayer .progressbar {
	top: -1px;
	margin-left: 62px;
	margin-right: 92px;
}

.caPlayer .progressbar .bar {
	height: 7px;
	background: #535352;
	top: 18px;
	margin: 0 35px;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.26), inset 0 0 5px rgba(3,3,3,.27);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.26), inset 0 0 5px rgba(3,3,3,.27);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.26), inset 0 0 5px rgba(3,3,3,.27);
	
}

.caPlayer .progressbar .bar .barLoading{
	height: 1px;
	top: 3px;
	background: #3e3e3e;
	position: absolute;
	width: 0;
	z-index: 1;
}

.caPlayer .progressbar .bar .barPlaying{
	height: 7px;
	top: 0px;
	left: -1px;
	position: absolute;
	width: 0;
	z-index: 5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.16), inset 0 0 5px rgba(3,3,3,.17);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.16), inset 0 0 5px rgba(3,3,3,.17);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.16), inset 0 0 5px rgba(3,3,3,.17);
}

.caPlayer .progressbar .bar .barPlaying i {
	width: 13px;
	height: 13px;
	background: url(../../../cap/imgs/pcntrls.png) 0 -17px no-repeat;
	position: absolute;
	top: -3px;
	right: -8px;
}

.caPlayer .progressbar .currentTime,.caPlayer .progressbar .totalTime  {
	position: absolute;
	top:0;
	width: 25px;
	font: bold 10px/43px Arial;
	text-align: right;
	color: #ffffff;
}

.caPlayer .progressbar .currentTime{
	left: 0;
}

.caPlayer .progressbar .totalTime {
	right: 5px;
}

.caPlayer .ps.black.paused {
	background: url("../../../cap/imgs/play.gif") -10px 0  no-repeat;
}

.caPlayer .ps.black.played {
	background: url("../../../cap/imgs/pause.gif") -10px 0 no-repeat;
}

.caPlayer .paused {
	background: url("../../../cap/imgs/playbtn.png") 22px 18px no-repeat;
}

.slim .caPlayer .paused {
	background-position: 15px 11px;
}

.caPlayer .played {
	background: url("../../../cap/imgs/pauseWhite.gif") -9px 4px no-repeat;
}

.slim .caPlayer .played {
	background-position: -15px -3px;
}

.dload {
	float: right;
	display: inline-block;
	font: normal 14px 'BebasNeueRegular', Arial;
	padding: 14px 0 13px;
	text-decoration: none;
	text-align: center;
	width: 106px;
	text-decoration: none;
	border-left: 1px solid #fff;
}
.dload.dlogo {
	padding: 12px 0 11px;
}

#playlist {
	background: #f1f1f1;
	position:relative;
}

#playlist .song {
	display: block;
	clear: both;
	height: 26px;
	padding: 3px 0;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid whiteSmoke;
}

#playlist .song .index {
	font: bold 12px Arial, Verdana;
	color: #ff892b;
	padding-left: 15px;
	position: absolute;
	height: 31px;
	line-height: 28px;
}

#playlist .song .title {
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	text-indent: 40px;
	color: #E2E2E2;
	padding: 0;
	margin: 0;
	height: 31px;
	width: 100%;
}

#playlist .song .title a {
	font: 12px Arial, Verdana;
	color: #1C1C1C;
	line-height: 28px;
}

#playlist .song .spacer {
	clear: both;
	height: 0;
}

#playlist .song div {
	color: #5F5F5F;
	float: left;
	display: block;
	font-size: 14px;
	line-height: 26px;
	padding: 0 5px;
	white-space: nowrap;
	overflow: hidden;
	background: transparent none;
}

#playlist .song.play {
	background-color: black;
}

#playlist .song.play {
	background: black;
	/*border-bottom: 1px solid gray;*/
}

#playlist .song.play .index {
	color: white;
}

#playlist .song.play .title a {
	color: white;
}

/* Default Skin */
/* Basic color */
.caPlayer .paused,
.caPlayer .progressbar .bar .barPlaying,
.caPlayer .played,
.caPlayer .vol .bar  {
	background-color: #ff8a00;
}

/* Volume Color */
.caPlayer .vol .bar i, .caPlayer .vol {

}

/* Main Background */
.caPlayer {
/*    background-color: #393933;*/
}

/* Hover Background Color */
.caPlayer .paused:hover, .caPlayer .played:hover {
/*    background-color: #000000;*/
}

/* Text Color Duration */
.caPlayer .progressbar .currentTime,.caPlayer .progressbar .totalTime {
	color: #222;
}

.pborder {
	border: 1px solid #dddedf;
}

.pborder.slim {
	min-width: 322px;
}

.pwrap {
	border: 1px solid #fff;
	overflow: hidden;
}
.slim .pwrap {
	min-width: 320px;
}
.caPlayer {
	position: relative;
	background: #f3f3f3;
	min-height: 140px;
	max-height: 356px;
	min-width: 330px;
}
.slim .caPlayer {
	height: 58px;
	max-height: 58px;
	min-height: 58px;
	min-width: 320px;
}
.plwrapper {
	margin-top: -2px;
	max-height: 210px;
	min-width: 413px;
	overflow-y: auto;
	position: relative;
	z-index: 2;
}

.plogo {
	display: block;
	width: 64px;
	height: 10px;
	padding: 5px;
	background: url(../../../cap/imgs/plogo.png) center center no-repeat;
	position: absolute;
	top: 11px;
	right: 7px;
	text-indent: -9999px;
}

.slim .caPlayer .plogo {
	top: 8px;
}

.pinfo {
	display: block;
	position: absolute;
	left: 80px;
	top: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.withplaylist .pinfo {
	left: 120px;
}

.slim .caPlayer .pinfo {
	display: none;
}

.pband {
	font: 12px/14px Arial, Verdana;
	color: #222;
	display: block;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
}

.psong {
	font: bold 12px/14px Arial, Verdana;
	text-transform: uppercase;
	color: #fc881e;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	margin-top: 5px;
}

.pwrap .prev,
.pwrap .next {

}


.pwrap .pbottom {
	display: block;
	width: 100%;
	position: absolute;
	top: 102px;
	padding-top: 8px;
	border-top: 1px solid #d2d2d2;
	z-index: 8;
}

.slim .pwrap .pbottom {
	top: 27px;
	padding-top: 0;
	width: auto;
	border: none;
	left: 49px;
}

.pwrap .pbottom i {
	font-style: normal;
	color: #222;
	display: inline-block;
}
.pbottom .pleft {
	float: left;
	margin-top: 6px;
}
.pbottom .pcount,
.pbottom .prank {
	margin-left: 7px;
	line-height: 12px;
	padding-left: 14px;
	display: inline-block;
	font-size: 11px;
	text-decoration: none;
	position: relative;
}
.pbottom .btn {
  font-size: 11px;
  color: #fff;
  font-weight: bold;
}
.pbottom .pcount {
	background: url(../../../cap/imgs/pcntrls.png) 1px -47px no-repeat;
	margin-left: 9px;
}
.pbottom .prank {
}
.pbottom .prank:hover {
  color: #fc881e;
}
.pbottom .pright {
	float: right;
	line-height: 12px;
	margin-right: 10px;
	margin-top: 2px;
}

.slim .pbottom .pright {
	margin-top: 6px;
}
.slim .pbottom .pright .minidwnld .pdot {
	bottom: 3px;
}
.slim .pbottom .pright .minidwnld .icon-download-alt {
	position: relative;
	top: -1px;
	left: -1px;
}
.pbottom .plink,
.pbottom .pembed {
	display: inline-block;
	margin-right: 6px;
	padding-right: 16px;
	cursor: pointer;
	font-size: 11px;
	position: relative;
}
.pbottom .plink:hover,
.pbottom .pembed:hover {
	color: #ff8c2d;
}

.slim .pbottom .pembed,
.slim .pbottom .plink {
	display: none;
}

.pbottom .plink .picon,
.pbottom .pembed .picon {
	display: inline-block;
	width: 13px;
	height: 13px;
	background-image: url(../../../cap/imgs/pcntrls.png);
	background-repeat: no-repeat;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.pbottom .plink .picon {
	background-position: 0 -84px;
}
.pbottom .pembed .picon {
	background-position: 0 -104px;
}

.psocial,
.embedfield {
	display: block;
	width: 100%;
	margin: 0 16px;
	background: #f4f4f4;
	position: absolute;
	left: 0;
	top: 96px;
	z-index: 6;
	opacity: 0;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.psocial.shown,
.embedfield.shown {
	opacity: 1;
	top: 72px;
}
.psocial .wrapper {
	width: 110px;
	float: left;
}

.slim .caPlayer .psocial,
.slim .caPlayer .embedfield {
	display: none;
}
.psocial {
	background: #f3f3f3 none;
	height: 26px;
}
.embedfield input {
	color: #222;
	font: 11px Arial, Verdana;
	padding: 0 5px;
	margin: 0;
	width: 380px;
}
.psocial .closeit,
.embedfield .closeit {
	display: inline-block;
	/*position: absolute;
	right: 2%;
	top: 2px;
	padding: 3px;*/
	cursor: pointer;
	font-style: normal;
}

.pdot {
	position: absolute;
	bottom: 0;
	left: 85%;
	font: 28px/28px 'Times New Roman', Arial, Verdana;
}
.prank .pdot {
	left: 0;
}


@media (min-width: 1200px) {
  .embedfield input {
	width: 95%;
  }
}
@media (min-width: 1040px) and (max-width: 1199px) {
  .embedfield input {
	width: 94%;
  }
  #playlist .song .title {
	width: 95%;
  }
}
@media (min-width: 826px) and (max-width: 1039px) {
  .embedfield input {
	width: 92%;
  }
  .psocial .closeit,
  .embedfield .closeit {
	right: 3%;
  }
  #playlist .song .title {
	width: 92%;
  }
}
@media (min-width: 660px) and (max-width: 825px) {
  .embedfield input {
	width: 90%;
  }
  .psocial .closeit,
  .embedfield .closeit {
	right: 4%;
  }
  #playlist .song .title {
	width: 90%;
  }
}
@media (max-width: 659px) {
  .embedfield input {
	width: 86%;
  }
  .psocial .closeit,
  .embedfield .closeit {
	right: 6%;
  }
}
@media (max-width: 400px) {
  .caPlayer, .plwrapper {
  	min-width: 100%;
  }
  .pinfo, .psong, .pband {
  	max-width: 100%;
  }
  .pbottom .pcount, .pbottom .prank {
  	display: none;
  }
  .pbottom .pright {
  	float: left;
  	margin-left: 15px;
  }
  .pbottom .btn {
  	position: absolute;
  	right: 10px;
  }
}
@media (max-width: 320px) {
  .plogo {
  	top: 2px;
  }
}
@media (max-width: 280px) {
  .psong, .pband {
  	max-width: 90%;
  }
}
@media (max-width: 260px) {
  .psong, .pband {
  	max-width: 83%;
  }
  .pwrap .pbottom .plink, .pwrap .pbottom .pembed {
  	display: none;
  }
  .pbottom .pright {
  	float: right;
  	margin-right: 10px;
  }
}
@media (max-width: 230px) {
  .psong, .pband {
  	max-width: 66%;
  }
}
/* Modal */
@media screen and (max-height: 351px){
	#playlist {
  	min-width: 290px;
  	width: 290px;
  }
    .modal .selectcustom {
	position: absolute;
	right: 50px;
	top: 190px;
	width: 220px;
  }
}