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

	label.checkbox span.holder {
		height: 69px; /* Total height of your checkbox image */
		background: url(../img/checkboxOptions.png) 0 -1px no-repeat; /* Path to your checkbox image */
	}
	
	label.radio span.holder {
		height: 61px; /* Total height of your radio buttons image */
		background: url(../img/radioOptions.gif) 0 -1px no-repeat; /* Path to your radio button image */
	}
	
	label.checkbox:hover span.holder { top: -23px !important; } /* Background position on mouseover */
	label.radio:hover span.holder { top: -21px !important; } /* Background position on mouseover */
	
	label.checkbox.checked span.holder,
	label.checkbox.checked span.holder,
	label.checkbox.checked:hover span.holder,
	label.checkbox.checked:hover span.holder { top: -46px !important; } /* Background position when checked */
	
	label.radio.checked span.holder,
	label.radio.checked span.holder,
	label.radio.checked:hover span.holder,
	label.radio.checked:hover 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;*/
		margin: 0 12px 0 0; /* WB CHANGED */
	}
	
		input.hiddenCheckbox {
			position: absolute; 
			left: -10000px; /* Hide the input */
		}
	
		label.prettyCheckbox span.holderWrap {
			display: block; 
			float: left;
			position: relative;
			/*margin-right: 5px;*/
			margin-right:3px; /* WB CHANGED */
			overflow: hidden;
		}
		
		/* WB ADDED */
		label.prettyCheckbox.checkbox span.holderWrap {
			top:-5px;
		}
		
		label.prettyCheckbox span.holder {
			display: block;
			position: absolute;
			top: 0; 
			left: 0;
		}