
/*
label.checkbox span.holder {
	height: 30px;
	background:url(../images/prettyCheckboxes/checkbox.png) 0 0 no-repeat
}
label.radio span.holder {
	height:30px;
	background:url(../images/prettyCheckboxes/radioBtn.png) 0 0px no-repeat
}
label.checkbox:hover span.holder, 
label.radio:hover span.holder {
	top:0px !important
}
label.checked span.holder, 
label.checked span.holder, 
label.checked:hover span.holder, 
label.checked:hover span.holder {
	top:-16px !important;
}
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
}
label.prettyCheckbox span.holderWrap {
	display:block;
	float:left;
	position:relative;
	margin-right:10px;
	margin-top:3px;
	overflow:hidden;
}
label.prettyCheckbox span.holder {
	display:block;
	position:absolute;
	top:0;
	left:0
}
*/

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

	label.checkbox span.holder {
		height: 61px; /* Total height of your checkbox image */
		background: url(../images/prettyCheckboxes/checkbox.png) 0 0px no-repeat; /* Path to your checkbox image */
	}
	
	label.radio span.holder {
		height: 61px; /* Total height of your radio buttons image */
		background: url(../images/prettyCheckboxes/radioBtn.png) 0 0px no-repeat; /* Path to your radio button image */
	}
	
	label.checkbox:hover span.holder,
	label.radio:hover span.holder { top: -17px !important; } /* Background position on mouseover */
	
	label.checked span.holder,
	label.checked span.holder,
	label.checked:hover span.holder,
	label.checked:hover span.holder { top: -34px !important; } /* Background position when checked */


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

	label.list {
		float: left; clear: left;
		margin: 0 0 5px 0;
		font-weight: normal;
	}
	
	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;
		}