/* ------------------------------------------------------------------------
	This you can customize
------------------------------------------------------------------------- */

	#wrap form.datacapture label.checkbox span.holder {
		height: 78px; /* Total height of your checkbox image */
		background: url(../img/checkbox.gif) 0 0 no-repeat; /* Path to your checkbox image */
	}
	
	#wrap form.datacapture label.radio span.holder {
		height: 78px; /* Total height of your radio buttons image */
		background: url(../img/radio.gif) 0 0 no-repeat; /* Path to your radio button image */
	}
	
	#wrap form.datacapture label.checkbox:hover span.holder,
	#wrap form.datacapture label.radio:hover span.holder {top: -27px; } /* Background position on mouseover */
	
	#wrap form.datacapture label.checked span.holder,
	label.checked span.holder { top: -54px !important; } /* Background position when checked */


/* ------------------------------------------------------------------------
	Customize at your own risk
------------------------------------------------------------------------- */

	#wrap form.datacapture label.list {
		float: left; clear: left;
		margin: 0 0 5px 0;
		width:550px;
		line-height: 28px;
	}
	
	#wrap form.datacapture label.inline {
		float: left; margin: 0 10px 0 0;
	}
	
		#wrap form.datacapture input.hiddenCheckbox {
			position: absolute; left: -10000px; /* Hide the input */
		}
	
		#wrap form.datacapture label.prettyCheckbox span.holderWrap {
			display: block; float: left;
			position: relative;
			margin: 2px 15px 0px 0px;
			overflow: hidden;
		}
		
		#wrap form.datacapture label.prettyCheckbox span.holder {
			display: block;
			position: absolute;
			top: 0; left: 0;
			float:inherit;
			margin:0px;
		}