/*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha {float:left;margin-top:20px;width:252px;}
.QapTcha .clr{clear:both}
.QapTcha .bgSlider {width:252px;height:37px;float:left;border:1px solid #040404;background-color:#101010;}
.QapTcha .Slider {width:52px;height:37px;background:transparent url('../images/bg_draggable_qaptcha.jpg') no-repeat;cursor:e-resize;position:relative;top:0;left:0}
.QapTcha .TxtStatus {margin-top:7px;text-align:left;color:#bb2828;font-family:Verdana;font-size:10px;clear:both}
.QapTcha .dropSuccess {color:#4e8b37}
.QapTcha .dropError {color:#bb2828}

/*------------------------------------------------------------------------------------------------*/

.qaptcha-box {
	min-height:1px;
}

.QapTcha {margin-right:auto; margin-left:auto;}

.QapTcha .Slider {
	width:70px;
	height:26px;
	border-radius:50px;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(../img/qaptcha-slider.jpg);
}

/*------------------------------------------------------------------------------------------------*/

.qaptcha-small {
	width:226px;
	margin-right:auto;
	margin-left:auto;
}

.qaptcha-small .hm-label {
	font-size: 11px;
	color: #996246;
}

.qaptcha-small .QapTcha {
	float: none;
	width: 226px;
	margin-top: 0;
	margin-bottom: 10px;
}

.qaptcha-small .bgSlider {
	width: 222px;
	height: 24px;
	padding: 1px;
	margin-bottom: 7px;
	border: 1px solid #dfc4af;
	border-radius: 50px;
	box-shadow: none;
	background-color: #fff;
}

.qaptcha-small .Slider {
	width: 63px;
	height: 24px;
	border-radius: 50px;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../img/qaptcha-small-slider.jpg);
}

.qaptcha-small .Slider:hover {
	background-position:bottom;
}

.qaptcha-small .TxtStatus {
	display: none;
}

/*--*/

.qaptcha-big {
	max-width:330px;
	margin: 0;
}

.qaptcha-big .hm-label {
	font-size: 15px;
	color: #555;
}

.qaptcha-big .QapTcha {
	position: relative;
	z-index: 1;
	float: none;
	width: auto;
	margin: 0;
}

.qaptcha-big .bgSlider {
	position: relative;
	z-index: 2;
	float: none;
	width: auto;
	height: 28px;
	padding: 1px;
	margin: 0;
	border: 1px solid #dfc4af;
	border-radius: 50px;
	box-shadow: none;
	background-color: transparent;
}

.qaptcha-big .Slider {
	width: 75px;
	height: 28px;
	border-radius: 50px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/qaptcha-big-slider.jpg);
}

.qaptcha-big .Slider:hover {
	background-position: 0 -28px;
}

.qaptcha-big .TxtStatus {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 10px;
	left: 10px;
	display: block;
	width: auto;
	height: 30px;
	line-height: 30px;
	margin: 0;
	font-size: 11px;
	text-align: center;
	color: #996246;
}

.qaptcha-big .TxtStatus.dropError {
	text-align: right;
}

.qaptcha-big .TxtStatus.dropSuccess {
	text-align: center;
}

@media all and (max-width: 400px) {
	
	.qaptcha-big.qaptcha-pf .QapTcha {
		margin-bottom: 45px;
	}

	.qaptcha-big.qaptcha-pf .TxtStatus {
		top: 42px;
		height: 15px;
		line-height: 15px;
	}

	.qaptcha-big.qaptcha-pf .TxtStatus.dropError {
		text-align: center;
	}

}

@media all and (max-width: 360px) {
	
	.qaptcha-big .Slider {
		width: 50px;
		background-position: 0 -56px;
	}

	.qaptcha-big .Slider:hover {
		background-position: 0 -84px;
	}

	.qaptcha-big .TxtStatus {
		font-size: 10px;
	}

}