#jp_container{ font-size:11px;}

.choonfinder {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
    max-width: 70rem;
}

.choonfinder .cfplayer{ font-size:11px;}

.choonfinder{ 
	display:block; 
	/*background-color:#F0F1F3; */
	margin:0 auto; 
	position:relative;
	font-family:Arial, Helvetica, sans-serif;  color:#FFF;
	clear:both;
	padding:2rem 0 8rem 0 ;
}
.choonfinder .cf_clear{ clear:both}

.choonfinder form{
	display: block;
	position: relative;
}

.choonfinder .cf_cover{
	position:absolute; top:0; left:0px; right:0px;	bottom:-20px;
	min-height:100px;
	background:white;
	background:rgba(255,255,255,0.8);
	z-index:998;
	display:none;
}
.choonfinder .cf_results{
	position:absolute; top:100px; left:30px; right:30px;
	min-height:430px;
	border-radius:160px / 220px;
	border:20px solid #e05425;
	border:10px solid #F0F1F3;
	background:#FFF;
	box-shadow:0px 0px 20px rgba(0,0,0,0.3);
	z-index:999;
	display:none;
	/*position:relative;*/
}
.choonfinder .cf_results{
	border-radius:1px;
}
.choonfinder .cf_resultset{
	text-transform:none;
	background:none;
	position:absolute;
	top:50px;
	left:100px;
	right:110px;
	bottom:10px; 
	padding-right:10px;
}
.choonfinder .cf_resultset #jp_container{
	overflow:auto;
	clear:both;
	height:328px;
}
.choonfinder .cf_resultset{
	left:30px;right:60px
}
.choonfinder .cf_close{
	position:absolute;
	top:15px;
	right:15px;
	background-position: top left;
	width:32px;
	height:32px;
	cursor:pointer;
}
.choonfinder .cf_close:hover{
	background-position:top right;
}

.cf_tableheader	{ display:block; background:#000; width:100% }
.cf_tabledata		{ }
.cf_tablerow		{ display:block; width:100%; }

.cf_tableheader	span,
.cf_tablerow span{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; float:left; padding:0 3px; height:18px;}
.cf_tablerow:hover{ background-color:#f0f1f2; cursor:pointer}
.cf_tablerow:hover span{ color:rgba(239,97,36,1);}
.cf_tableheader	span{ background:#000; color: #fff;  }

.cf_table_num		{ width:1%; font-weight:bold;}
.cf_table_name	{ width:31%; overflow:hidden;}
.cf_table_desc		{ width:62%; overflow:hidden;}
/*.cf_table_artist	{ width:27%;}*/
.cf_table_actions	{ width:4%;}


.choonfinder .cf_header{ padding:1em 0; /*height:3em; background: #F0F1F3; */border-bottom:1px solid transparent; border-radius:1px; margin-bottom:0.5em}
.choonfinder .cf_header h1{ float:left; margin:0; padding:0; font-size:150%; text-transform:lowercase; color:rgba(239,97,36,1);}

.choonfinder form{ margin:0;padding:0; display:inline}
.choonfinder .cf_do_search{
	background: #e05425 ;
	height: 26px;
	width: 26px;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	border: none;
	padding: 27px;
	margin: 2px 0 0 5px;
	float: right;
	z-index: 20;
	border-radius: 50px;
	position: absolute;
	right: 25px;
	top: -3px;
}
.choonfinder .cf_do_search:hover{
	background-color: #fff;
	background-position: -57px 14px;
	border: 1px solid #e05425;
}
.cf_results a{
	color: #e05425;
}
.choonfinder .cf_search{
	/*border: 4px solid rgba(255,255,255,0.5);*/
	border: none;
	margin: 0;
	border-radius: 0px;
	text-align: left;
	font-size: 1.5em;
	height: auto;
	padding: 0.3em 0.6em;
	line-height: 1.5;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/*max-width: 88%;*/
}
.cf_search_form .cf_search{
	border: 4px solid rgba(255,255,255,0.5);
	border-radius: 5px;	
	color: black;
}
.post-content.un-no-sidebar-layout{
	/*display: none;*/
}

/* ======================================= */
/*new*/
.choonfinder .cf_area5{ width:100%; height: 90px;  padding-right:1%; margin-right: 0.7%; clear: left;}
/*.choonfinder .cf_area5 .cf_button{ width:10.5%; float:left; margin:1% 1%}*/
.choonfinder .cf_area5 .cf_mix_button{ width:10.5%; float:left; margin:1% 1%}
.choonfinder .cf_area_cover a.cf_area_cover_5{width:1000%; height:80px;line-height:80px;  }
/*new*/

.choonfinder{position: relative;}
.choonfinder .cf_actions{ width:30.33333333333%; background:rgba(255,255,255,1); position:absolute; left:34.33333333333%; top:46%;z-index:200; padding:0.55%; border-radius:1px;  box-shadow:0px 0px 15px rgba(0,0,0,0.2) }
.choonfinder .cf_area0{ width:15.6666666666666%; float:left; padding-right:1%; margin-right: 0.7%; clear: left;}
.choonfinder .cf_area1{ width:15.6666666666666%; float:right;padding-left:0%; }
.choonfinder .cf_area2{ width:32.58333333333333%; float:left; margin-right:0.75%;}
.choonfinder .cf_area3{ width:32.58333333333333%; float:left; margin-left:0.75% }
.choonfinder .cf_area4{ width:66.66666666666%; float:left;}

.choonfinder .cf_area .cf_mix_button,
.choonfinder .cf_area .cf_button { border-width: 2px;  }
.choonfinder .cf_area:hover .cf_mix_button,
.choonfinder .cf_area:hover .cf_button { border-width: 2px;  }

.choonfinder .cf_area_cover{ position:absolute; display:block ;   }

.choonfinder .cf_area_cover a,
.choonfinder .cf_area_cover a:visited{display:block;background:rgba(239,97,36,1); color:#FFF; font-size:25px; display: block; text-align:center; text-decoration:none; z-index:10; border-radius:1px;
-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out; }
.choonfinder .cf_area_cover a:hover{background:rgba(239,97,36,0.58);
-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}


.choonfinder .cf_mix_button,
.choonfinder .cf_button{ display:block; background:#fff; text-align:center;  float:left; padding:10px 0; border:1px solid rgba(239,97,36,1); border-radius:5px;  }
.choonfinder .cf_action{ display:block; background:rgba(239,97,36,0.1); text-align:center;  float:left; padding:10px 0; border:1px solid rgba(239,97,36,1); border-radius:5px; }

.choonfinder .cf_area0 .cf_button,
.choonfinder .cf_area1 .cf_button{ width:90%; margin:3% 5% ; }
.choonfinder .cf_area0 .cf_button a,
.choonfinder .cf_area1 .cf_button a{ 		font-size:18px}
.choonfinder .cf_area2 .cf_button{ width:23%; float:left; margin:1% 1%}
.choonfinder .cf_area3 .cf_button{ width:23%; float:left; margin:1% 1%}
.choonfinder .cf_area4 .cf_button{ width:11.2%; float:left; margin:0.5% 0.5%}
.choonfinder .cf_area3 .cf_button_3_12,
.choonfinder .cf_area3 .cf_button_3_13,
.choonfinder .cf_button.cf_right { float:right;}
.choonfinder .cf_area4 .cf_button_4_1{ margin-right:51.6666666% }
.choonfinder .cf_area4 .cf_button_4_7,
.choonfinder .cf_area4 .cf_button_4_15,
.choonfinder .cf_area4 .cf_button_4_23{ margin-right:2.8% }

.choonfinder .cf_area2 .cf_button_2_12,
.choonfinder .cf_area2 .cf_button_2_13,
.choonfinder .cf_area3 .cf_button_3_12,
.choonfinder .cf_area3 .cf_button_3_13{ margin-bottom:5%; }

.choonfinder .cf_area4 .cf_button_4_0,
.choonfinder .cf_area4 .cf_button_4_1,
.choonfinder .cf_area4 .cf_button_4_2,
.choonfinder .cf_area4 .cf_button_4_3{ margin-top:1.5%; }

.choonfinder .cf_mix_button.disabled,
.choonfinder .cf_button.disabled{ background-color:#e1e2e3!important; cursor:not-allowed; border-color:#e1e2e3!important;  }
.choonfinder .cf_mix_button.disabled a,
.choonfinder .cf_button.disabled a{ background-color:#e1e2e3!important; cursor:not-allowed; color:#c1c2c3!important; }


.choonfinder .cf_action a,
.choonfinder .cf_mix_button a,
.choonfinder .cf_button a{ width:100%; height:31px; line-height:31px; overflow:hidden; display:block; color: #e05425; font-size:10px; font-weight:bold; text-decoration:none  }

.choonfinder .cf_action,
.choonfinder .cf_button{
-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.choonfinder .lower { text-transform:lowercase}
.choonfinder .cf_action:hover a{ color:#FFF; }
.choonfinder .cf_button:hover a{ color:rgba(239,97,36,1); }
.choonfinder .cf_action:hover,
.choonfinder .cf_button:hover{ border: 1px solid rgba(239,97,36,1); background:white; color:rgba(239,97,36,1);
-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;-ms-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}

.choonfinder .cf_mix_button.on,
.choonfinder .cf_button.on{ background:rgba(239,97,36,1); color:#FFF; border-color:rgba(239,97,36,1);}
.choonfinder .cf_mix_button.on a,
.choonfinder .cf_button.on a{ color:#FFF; }


.choonfinder .cf_button.on.on0{ background:#e05425;  }
.choonfinder .cf_button.on.on1{ background:#cc881f;  }
.choonfinder .cf_button.on.on2{ background:#c2cc1f;  }
.choonfinder .cf_button.on.on3{ background:#1fcc3f;  }

.choonfinder .cf_button.on.on4{ background:#1fb9cc;  }
.choonfinder .cf_button.on.on5{ background:#1f5acc;  }
.choonfinder .cf_button.on.on6{ background:#961fcc;  }
.choonfinder .cf_button.on.on7{ background:#FFF;		border-color:#e05425;  }
.choonfinder .cf_button.on.on8{ background:#FFF;		border-color:#cc881f;  }
.choonfinder .cf_button.on.on9{ background:#FFF;		border-color:#c2cc1f;  }
.choonfinder .cf_button.on.on10{ background:#FFF;	border-color:#1fcc3f;  }
.choonfinder .cf_button.on.on11{ background:#FFF;	border-color:#1fb9cc;  }
.choonfinder .cf_button.on.on12{ background:#FFF;	border-color:#1f5acc;  }
.choonfinder .cf_button.on.on13{ background:#FFF;	border-color:#961fcc;  }



.choonfinder .cf_action {background:rgba(239,97,36,1);  }
.choonfinder .cf_action a,
.choonfinder .cf_action a:visited{ color:#fff; font-size:120%}
.choonfinder .cf_action:hover a{ color:rgba(239,97,36,1); }
.choonfinder .cf_action:hover{ background:rgba(239,97,36,.2);}

.choonfinder .cf_action{ width:30%; margin:1.66666666666%; float:left;}

.choonfinder .cf_area0 .cf_button a	{  height:54px; line-height:54px; }

.choonfinder .cf_area1 .cf_button a	{  height:24px; line-height:24px; }

.choonfinder .cf_action,
.choonfinder .cf_mix_button,
.choonfinder .cf_button{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.choonfinder .cf_trackfound{ text-align:center; color:#000; font-size:12px; font-weight:bold}

.choonfinder .cf_loading{
	display:none !important;
}
.choonfinder .faded{ opacity:0.2}

.choonfinder .cf_area_cover { width:10%;   }
.choonfinder .cf_area_cover a.cf_area_cover_0{width:155px;  height:515px; line-height:515px; }
.choonfinder .cf_area_cover a.cf_area_cover_1{width:155px;  height:515px; line-height:515px; }
.choonfinder .cf_area_cover a.cf_area_cover_2{width:335px; height:257px; line-height:253px;  margin-left:-5px;}
.choonfinder .cf_area_cover a.cf_area_cover_3{width:332px; height:257px; line-height:253px; margin-left:-3px}
.choonfinder .cf_area_cover a.cf_area_cover_4{width:674px; height:260px; line-height:260px; margin-left:-5px }

.choonfinder .cf_area_cover a.cf_area_cover_0{ width:150%; height:100%;line-height:528px; }
.choonfinder .cf_area_cover a.cf_area_cover_1{ width:155%; height:100%;line-height:528px; }
.choonfinder .cf_area_cover a.cf_area_cover_2{ width:332%; height:100%;margin-left:-3%; }
.choonfinder .cf_area_cover a.cf_area_cover_3{ width:332%; height:100%;margin-left:-4%; }
.choonfinder .cf_area_cover a.cf_area_cover_4{ width:671%; height:100%;margin-left:-3%; margin-top:4%  }


.choonfinder_no{display:none}

@media (max-width: 1200px) {
	.choonfinder .cf_area_cover a.cf_area_cover_0{ line-height:511px; }
	.choonfinder .cf_area_cover a.cf_area_cover_1{ line-height:511px; }
	.choonfinder .cf_area_cover a.cf_area_cover_2{ line-height:245px; }
	.choonfinder .cf_area_cover a.cf_area_cover_3{ line-height:245px; }
	.choonfinder .cf_area_cover a.cf_area_cover_4{ line-height:258px; margin-top:-1%}
}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
	.choonfinder .cf_area_cover a.cf_area_cover_4{ margin-top:6%;  }
	.choonfinder .cf_area4 .cf_button_4_1{ margin-right:51.2% }
	.choonfinder .cf_area3 .cf_button_3_12{ }
	.choonfinder .cf_area3 .cf_button_3_12{ margin-right:4% }

	.choonfinder .cf_area4 .cf_button_4_7,
	.choonfinder .cf_area4 .cf_button_4_15,
	.choonfinder .cf_area4 .cf_button_4_23{ margin-right:4% }

	.choonfinder .cf_button.cf_right { float:right;}
}
@media (max-width: 980px) {
	.choonfinder .cf_area_cover a.cf_area_cover_0{ line-height:499px; }
	.choonfinder .cf_area_cover a.cf_area_cover_1{ line-height:499px; }
	.choonfinder .cf_area_cover a.cf_area_cover_2{ line-height:239px; }
	.choonfinder .cf_area_cover a.cf_area_cover_3{ line-height:239px; }
	.choonfinder .cf_area_cover a.cf_area_cover_4{ line-height:255px;  }
	.choonfinder #cf_search {
		max-width: 86%;
	}
}
@media (max-width: 767px) {
	.choonfinder { display:none }
	.choonfinder_no{display:block}
}

#jp_container span.jp-cue-sheet{
	background: url(../img/cuesheet.png);
	background-size: contain;
	display:block; 
	float:right; 
	width:74px; 
	height:13px;  
	margin-right:8px; 
	margin-top:9px; 
	cursor: pointer;
	z-index: 99;
}