.defaultmp3chart .mp3chart {
	width:100%;
	border-collapse:collapse;
}

.defaultmp3chart td {
	border:1px solid #ffffff;
}

.defaultmp3chart .mp3chart_rank {
	text-align:center;
	vertical-align:middle;
	padding:5px;
	color:#f0f0f0;
	background-color:#999;
	font-size:25px;
	font-weight:16px;
	width:50px;
}

.defaultmp3chart .mp3chart_thumb {
	text-align:center;
	vertical-align:middle;
	background-color:#e0e0e0;
	width:50px;
	padding:0 4px 0 4px;
}

.defaultmp3chart .mp3chart_thumb img {
	width:48px;
	height:48px;
}

.defaultmp3chart .mp3chart_info {
	color:#000000;
	background-color:#e0e0e0;
	padding:5px 10px 5px 10px;
}
.defaultmp3chart .mp3chart_artist {
	font-size:17px;
	font-weight:500;
	color: #999;
}

.defaultmp3chart .mp3chart_title {
	font-size:13px;
	padding-bottom:2px;
	padding-bottom:2px;
	color: #5a5a5a;
	font-weight:400;
}

.defaultmp3chart .mp3chart_label {
	font-size:9px;
	color: #5a5a5a;
	font-weight:200;
}

.defaultmp3chart .mp3chart_download {
	text-align:center;
	vertical-align:middle;
	background-color:#e0e0e0;
	width:60px;
}

.defaultmp3chart .mp3chart_player {
	text-align:center;
	vertical-align:middle;
	background-color:#e0e0e0;
	width:60px;
}

/* MP3 Player CSS */
.defaultmp3chart .crbui-touchbutton {
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	cursor: pointer;
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.defaultmp3chart .crbui-touchbutton * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.defaultmp3chart .crbui-touchbutton > .crbui-touchbutton-play {
	position: absolute;
	width: inherit;
	height: inherit;
	background: url("../../images/_p.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.defaultmp3chart .crbui-touchbutton > .crbui-touchbutton-background {
	position: absolute;
	display: block;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.7);
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #e5e5e5 0%, #c9c9c9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #c9c9c9));
	background: -webkit-linear-gradient(top, #e5e5e5 0%, #c9c9c9 100%);
	background: -o-linear-gradient(top, #e5e5e5 0%, #c9c9c9 100%);
	background: -ms-linear-gradient(top, #e5e5e5 0%, #c9c9c9 100%);
	background: linear-gradient(to bottom, #e5e5e5 0%, #c9c9c9 100%);
}
.defaultmp3chart .crbui-touchbutton > .crbui-touchbutton-border {
	position: absolute;
	display: block;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	transform: scale(0.9, 0.9);
	-webkit-transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
	background: #999;
	transition: 0.45s ease-out;
			-moz-transition: 0.45s ease-out;
			-webkit-transition: 0.45s ease-out;
			-o-transition: 0.45s ease-out;

	transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
}
.defaultmp3chart .crbui-touchbutton.isActive > .crbui-touchbutton-play {
	background: url("../../images/_p2.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.defaultmp3chart .crbui-touchbutton.isActive > .crbui-touchbutton-background {
	background: #bbb;
}
.defaultmp3chart .crbui-touchbutton:hover > .crbui-touchbutton-background {
	background: #888;
}


/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.defaultmp3chart tr {margin-bottom:12px;}
	
	.defaultmp3chart td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 0%!important; 
	}
	.defaultmp3chart .mp3chart_td {border:0px;}
	.defaultmp3chart .mp3chart_rank {
	text-align:none;
	vertical-align:middle;
	padding:0px;
	font-size:25px;
	font-weight:16px;
	width:100%;
}

	.defaultmp3chart .mp3chart_thumb {
	text-align:center;
	vertical-align:middle;
	background-color:transparent;
	width:100%;
	padding:0 0px 0 0px;
}

.defaultmp3chart .mp3chart_thumb img {
	width:100%;
	height:100%;
}
.defaultmp3chart .mp3chart_artist,.defaultmp3chart .mp3chart_title,.defaultmp3chart .mp3chart_label {text-align:center;font-size:15 0%;}
.defaultmp3chart .mp3chart_info iframe {width:90%;text-align:center;}
.defaultmp3chart .mp3chart_info {padding-top: 12px;padding-bottom: 12px;}

.defaultmp3chart .mp3chart_player {
	text-align:center;
	vertical-align:middle;
	background-color:#e0e0e0;
	width:100%;
	padding-bottom:20px;}
}