/*styles for player join form*/


#JoinPopUp-in-player { width:100%; height:100%; position:absolute; left:0; top:0; z-index:9000; background:rgba(0,0,0,0.7); font-family:'Roboto', sans-serif;}



	/*join forms*/
	.JP-l-col { float:left; width:44%; margin-left:4%; margin-top:25px;}
	.JP-r-col { float:right; width:44%; margin-right:4%; margin-top:25px;}
	
	.JP-j-step { margin-bottom:20px;}
	.JP-j-step h2 { font-size:18px; line-height:20px; position:relative; padding-left:0px; text-align:left; margin:0; margin-bottom:10px; color:#19a3e5; font-family:'Roboto', sans-serif;}
	.JP-j-step h2 span {  color:#fff; padding-right:10px; font-size:24px; font-weight:500;}
	.JP-step-content { width:100%;
	padding:20px 0; 
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	background-color: rgba(0,0,0,0.6);
	border: solid 1px #505050;
	border-top:2px solid #19a3e5;}
	.JP-r-col>p { padding:0 10px; margin-bottom:10px; text-align:center;}
	
	
		/**/
		.JP-join-form-acc { width:90%; margin:0 auto;}
		.JP-join-form-acc li { margin-bottom:15px; display:block; height:35px;}
		.JP-join-form-acc li:last-child { margin-bottom:0;}
		.JP-input-1 { width:95%; padding:0 2%; height:35px; line-height:35px; background:rgba(255,255,255,0.1); font-size:16px; color:#fff; border:none; border:1px solid #747474; float:right; overflow:hidden; margin:0 auto;}
		input:focus.JP-input-1 { background:#fff; color:#000; border-color:#19a3e5;}
		
		.JP-join-form-plans li { margin-bottom:10px; display:block;}
		.JP-join-form-plans li:last-child { margin-bottom:0;}
		input[type="radio"] { display:none; }
		
		
		
		
		label.check-label-3 { display:block; font-size:14px; width:80%; margin:0 auto; height:auto; padding:5px 0; border:none; position:relative; cursor:pointer; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;}
		label.check-label-3 p { font-size:16px; font-weight:300; color:#d3d3d3; padding:5px 0 5px 40px; margin:0px; line-height:18px; text-align:left; margin-bottom:0px;}
		input[type="radio"] + label.check-label-3 span.rb {
			display: block;
			position:absolute;
			vertical-align: middle;
			width: 20px;
			height: 20px;
			left:8px; top:50%; margin-top:-10px;
			background:url(../images/jp_rbtn1.png) no-repeat left -33px;
			cursor: pointer;
		}
		input[type="radio"] + label:hover.check-label-3 span.rb {background:url(../images/jp_rbtn1.png) no-repeat left -68px;}
		input[type="radio"]:checked + label.check-label-3 span.rb {
			background:url(../images/jp_rbtn1.png) no-repeat left top;
		}
		
		input[type="radio"]:checked + label.check-label-3 p { color:#fff;}
		
			label:hover.check-label-3 { background:rgba(0,0,0,1);}
			label:hover.check-label-3 p { color:#d3d3d3;}
			
		
		
		
		
		
		label.check-label-2 { display:block; font-size:15px; width:90%; margin:0 auto; height:66px; padding:0; border:none; position:relative;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background:rgba(255,255,255,0.8);
		cursor:pointer;
		}
		
		label.check-label-2 p { font-size:22px; color:#000; padding-left:45px; margin:0px; line-height:22px; padding-top:12px; text-align:left; margin-bottom:6px; font-weight:300;}
		label.check-label-2 p b { color:#19a3e5; font-weight:500;}
		label.check-label-2 p.plan-desc { font-size:14px; line-height:14px; margin:0; color:#222222; padding-top:0;}
		label.check-label-2 p.price { position:absolute; right:10px; top:17px; width:85px; text-align:center; font-size:14px; color:#000; line-height:16px; padding-top:0px;}
		label.check-label-2 p.price span { font-size:24px; color:#000; font-weight:400;}
		label.check-label-2 p.price-discount { top:5px; }
		label.check-label-2 p.price-discount span.pr-discount { font-size:15px; text-decoration:line-through; font-weight:400; color:#ff2e2e;}
		
		
		span.bestdeal { display:inline-block; height:18px; width:71px; background:url(../images/bestdeal.png); margin-left:2px;}
		
		label:hover.check-label-2 {background:#fff;}
		label:hover.check-label-2 p, label:hover.check-label-2 p b { color:#19a3e5;}
		label:hover.check-label-2 p.price { color:#000;}
		input[type="radio"] + label.check-label-2 span.rb {
			display: block;
			position:absolute;
			vertical-align: middle;
			width: 20px;
			height: 20px;
			left:12px; top:50%; margin-top:-10px;
			background:url(../images/jp_rbtn2.png) no-repeat left -33px;
			cursor: pointer;
		}
		input[type="radio"] + label:hover.check-label-2 span.rb {background:url(../images/jp_rbtn2.png) no-repeat left -68px;}
		input[type="radio"]:checked + label.check-label-2 span.rb {
			background:url(../images/jp_rbtn2.png) no-repeat left top;
		}
		input[type="radio"]:checked + label.check-label-2 {
			background-image: -webkit-linear-gradient(bottom, #0c84bd, #20b3f9);
	background-image: -moz-linear-gradient(bottom, #0c84bd, #20b3f9);
	background-image: -o-linear-gradient(bottom, #0c84bd, #20b3f9);
	background-image: -ms-linear-gradient(bottom, #0c84bd, #20b3f9);
	background-image: linear-gradient(to top, #0c84bd, #20b3f9);}
		input[type="radio"]:checked + label.check-label-2 p { color:#fff;}
		input[type="radio"]:checked + label.check-label-2 p b { color:#000;}
		
		
		.submit-btn-2 { font-size:18px;  color:#fff; display:block; width:200px; height:60px; line-height:60px; border:none; margin:10px auto; margin-bottom:20px;
		background-color: #0f8bc6;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-weight:400; text-transform:uppercase;
	background-image: -webkit-linear-gradient(bottom, #0c84bd, #159ad9 50%, #1ca4e5 50%, #20b3f9);
	background-image: -moz-linear-gradient(bottom, #0c84bd, #159ad9 50%, #1ca4e5 50%, #20b3f9);
	background-image: -o-linear-gradient(bottom, #0c84bd, #159ad9 50%, #1ca4e5 50%, #20b3f9);
	background-image: -ms-linear-gradient(bottom, #0c84bd, #159ad9 50%, #1ca4e5 50%, #20b3f9);
	background-image: linear-gradient(to top, #0c84bd, #159ad9 50%, #1ca4e5 50%, #20b3f9)
}
.submit-btn-2:hover {cursor:pointer; color:#1fb1f6;
background-color: #fff;
	background-image: -webkit-linear-gradient(bottom, #d8d8d8, #fff 74%);
	background-image: -moz-linear-gradient(bottom, #d8d8d8, #fff 74%);
	background-image: -o-linear-gradient(bottom, #d8d8d8, #fff 74%);
	background-image: -ms-linear-gradient(bottom, #d8d8d8, #fff 74%);
	background-image: linear-gradient(to top, #d8d8d8, #fff 74%);

}
		
		
		p.JP-j-txt1 { font-size:13px; line-height:14px; text-transform:uppercase;}
		p.JP-j-txt1 span { color:#19a3e5;}
		
		p.JP-j-txt2 { font-size:12px; line-height:17px; text-transform:uppercase; margin-bottom:0; color:#fff;}
		p.JP-j-txt2 a { text-decoration:underline;  color:#19a3e5;}
		p.JP-j-txt2 a:hover { color:#fff; text-decoration:none;}
		
		






/******* 00 - 479 *************/
@media all and (max-width: 479px) {
	#JoinPopUp-in-player { width:90%; height:auto; padding:15px 0; position:absolute; left:50%; margin-left:-45%; background:rgba(0,0,0,0.8); border:2px solid #19a3e5}
.JP-l-col { width:90%; float:none; margin:0 auto; margin-bottom:10px;}
.JP-r-col { width:90%; float:none; margin:0 auto; margin-bottom:10px;}
.JP-j-step { margin-bottom:6px;}
.JP-j-step h2 { font-size:16px; line-height:18px; margin-bottom:3px;}
.JP-step-content { 	padding:10px 0;}

.JP-join-form-acc li { margin-bottom:10px;}
.JP-join-form-acc li:last-child { margin-bottom:0;}
.JP-join-form-plans li { margin-bottom:7px; display:block;}
.JP-join-form-plans li:last-child { margin-bottom:0;}

label.JP-check-label-3 { font-size:13px; width:95%; padding:6px 0; }
label.JP-check-label-3 p { font-size:13px; padding:0px 0 0px 40px; margin:0px; line-height:15px;}

label.JP-check-label-2 { width:95%; height:40px;}
label.JP-check-label-2 p { font-size:16px; font-weight:400; padding-left:45px; line-height:20px; padding-top:10px; margin-bottom:4px;}
label.JP-check-label-2 p>span { display:none;}
label.JP-check-label-2 p.JP-plan-desc { display:none;}
label.JP-check-label-2 p.JP-price { right:5px; top:12px; width:auto; font-size:13px; line-height:14px;}
label.JP-check-label-2 p.JP-price br { display:none;}
label.JP-check-label-2 p.JP-price span { font-size:16px; font-weight:500; display:inline;}
label.JP-check-label-2 p.JP-price-discount { top:5px; }
label.JP-check-label-2 p.JP-price-discount span.JP-pr-discount { font-size:14px; position:absolute; bottom:-15px;}

.JP-submit-btn-2 { font-size:17px; height:50px; line-height:50px; margin:10px auto;}
}

/******* 480 - 639 **********/
@media all and (min-width: 480px) and (max-width: 639px) {
	#JoinPopUp-in-player { width:90%; height:auto; padding:15px 0; position:absolute; left:50%; margin-left:-45%; background:rgba(0,0,0,0.8); border:2px solid #19a3e5}
.JP-l-col { width:90%; float:none; margin:0 auto; margin-bottom:10px;}
.JP-r-col { width:90%; float:none; margin:0 auto; margin-bottom:10px;}
.JP-j-step { margin-bottom:6px;}
.JP-j-step h2 { font-size:16px; line-height:18px; margin-bottom:3px;}
.JP-step-content { 	padding:10px 0;}

.JP-join-form-acc li { margin-bottom:10px;}
.JP-join-form-acc li:last-child { margin-bottom:0;}
.JP-join-form-plans li { margin-bottom:7px; display:block;}
.JP-join-form-plans li:last-child { margin-bottom:0;}

label.JP-check-label-3 { font-size:13px; width:95%; padding:6px 0; }
label.JP-check-label-3 p { font-size:13px; padding:0px 0 0px 40px; margin:0px; line-height:15px;}

label.JP-check-label-2 { width:95%; height:40px;}
label.JP-check-label-2 p { font-size:16px; font-weight:400; padding-left:45px; line-height:20px; padding-top:10px; margin-bottom:4px;}
/*label.JP-check-label-2 p>span { display:none;}*/
label.JP-check-label-2 p.JP-plan-desc { display:none;}
label.JP-check-label-2 p.JP-price { right:5px; top:12px; width:auto; font-size:13px; line-height:14px;}
label.JP-check-label-2 p.JP-price br { display:none;}
label.JP-check-label-2 p.JP-price span { font-size:16px; font-weight:500; display:inline;}
label.JP-check-label-2 p.JP-price-discount { top:5px; }
label.JP-check-label-2 p.JP-price-discount span.JP-pr-discount { font-size:14px; position:absolute; bottom:-15px;}

.JP-submit-btn-2 { font-size:17px; height:50px; line-height:50px; margin:10px auto;}
}

/******* 640 - 799 ***********/
@media all and (min-width: 640px) and (max-width: 799px) {
.JP-l-col { width:46%; margin-left:1%; margin-top:10px;}
.JP-r-col { width:50%; margin-right:1%; margin-top:10px;}
.JP-j-step { margin-bottom:6px;}
.JP-j-step h2 { font-size:16px; line-height:18px; margin-bottom:3px;}
.JP-step-content { 	padding:10px 0;}

.JP-join-form-acc li { margin-bottom:7px;}
.JP-join-form-acc li:last-child { margin-bottom:0;}
.JP-join-form-plans li { margin-bottom:7px; display:block;}
.JP-join-form-plans li:last-child { margin-bottom:0;}

label.JP-check-label-3 { font-size:13px; width:95%; padding:2px 0; }
label.JP-check-label-3 p { font-size:13px; padding:0px 0 0px 40px; margin:0px; line-height:15px; font-family: 'Roboto Condensed', sans-serif;}

label.JP-check-label-2 { width:95%; height:40px;}
label.JP-check-label-2 p { font-size:16px; font-weight:400; padding-left:45px; line-height:20px; padding-top:10px; margin-bottom:4px; font-family: 'Roboto Condensed', sans-serif;}
/*label.JP-check-label-2 p>span { display:none;}*/
label.JP-check-label-2 p.JP-plan-desc { display:none;}
label.JP-check-label-2 p.JP-price { right:5px; top:12px; width:auto; font-size:13px; line-height:14px;}
label.JP-check-label-2 p.JP-price br { display:none;}
label.JP-check-label-2 p.JP-price span { font-size:16px; font-weight:500; display:inline;}
label.JP-check-label-2 p.JP-price-discount { top:5px; }
label.JP-check-label-2 p.JP-price-discount span.JP-pr-discount { font-size:14px; position:absolute; bottom:-15px;}

.JP-submit-btn-2 { font-size:17px; height:50px; line-height:50px; margin:10px auto;}
}

/******* 800 - 1023 ***********/
@media all and (min-width: 800px) and (max-width: 1023px) {
.JP-l-col { width:40%; margin-left:1%; margin-top:10px;}
.JP-r-col { width:56%; margin-right:1%; margin-top:10px;}
.JP-j-step { margin-bottom:10px;}
.JP-j-step h2 { font-size:16px; line-height:18px; margin-bottom:5px;}
.JP-step-content { 	padding:10px 0;}

label.JP-check-label-3 { font-size:13px; width:95%; padding:4px 0;}
label.JP-check-label-3 p { font-size:13px; padding:0px 0 0px 40px; margin:0px; line-height:15px;}

label.JP-check-label-2 { width:95%; height:56px;}
label.JP-check-label-2 p { font-size:20px; padding-left:45px; line-height:20px; padding-top:8px; margin-bottom:4px;}
label.JP-check-label-2 p.JP-plan-desc { font-size:13px;}
label.JP-check-label-2 p.JP-price { position:absolute; right:5px; top:14px; width:65px; text-align:center; font-size:13px; line-height:14px;}
label.JP-check-label-2 p.JP-price span { font-size:20px; font-weight:500;}
label.JP-check-label-2 p.JP-price-discount { top:5px; }
label.JP-check-label-2 p.JP-price-discount span.JP-pr-discount { font-size:14px;}

.JP-submit-btn-2 { font-size:17px; height:50px; line-height:50px; border:none; margin:10px auto;}
}

/******* 1024 - 1279 ********/
@media all and (min-width: 1024px) and (max-width: 1279px) {
.JP-l-col { margin-left:2%; margin-top:15px;}
.JP-r-col { width:50%; margin-right:2%; margin-top:15px;}
.JP-j-step { margin-bottom:15px;}
}
/******* 1280 - 1399  ********/
@media all and (min-width: 1280px) and (max-width: 1399px) {
}
/******* 1400  ********/
@media all and (min-width: 1400px) {
}