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

	label.checkbox span.holder {
		height: 61px; /* Total height of your checkbox image */
		background: url(checkbox.gif) 0 -1px no-repeat; /* Path to your checkbox image */
	}
	
	label.radio span.holder {
		height: 61px; /* Total height of your radio buttons image */
		background: url(radio.gif) 0 -1px no-repeat; /* Path to your radio button image */
	}
	
	html>/**/body label.checkbox:hover span.holder,
	html>/**/body label.radio:hover span.holder { top: -21px; } /* Background position on mouseover, ugly hack to hide it from the IEs */
	
	label.checked span.holder,
	label.checked span.holder { top: -42px !important; } /* Background position when checked */


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

	label.list {
		float: left; clear: left;
		margin: 0 0 5px 0;
	}

	label.inline {
		float: left; margin: 0 10px 0 0;
	}

	input.hiddenCheckbox {
		position: absolute; left: -10000px; /* Hide the input */
	}

	label.prettyCheckbox span.holderWrap {
		display: block; float: left;
		position: relative;
		margin-right: 5px;
		overflow: hidden;
	}

	label.prettyCheckbox span.holder {
		display: block;
		position: absolute;
		top: 0; left: 0;
	}