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

	label.checkbox span.holder {
		height: 61px; /* Total height of your checkbox image */
	/*	background: url(../images/prettyCheckboxes/checkbox.gif) 0 -1px no-repeat; */ /* Path to your checkbox image */ 
		background: #FFFFFF url(../images/interface/small-check.gif) no-repeat scroll 0 -14px;
		border: 1px solid #000000;
		height: 14px;
		width: 14px;
	}
	
	label.radio span.holder {
		/* height: 61px; */ /* Total height of your radio buttons image */
		background: #E6E6E6 url(../images/interface/check.gif) no-repeat scroll 0 -30px;
		height: 30px;
		width: 30px;
	}
	
	.gender label.radio span.holder {
		background-color: #FFFFFF;
	}
	
	label.checkbox:hover span.holder { background-position: 1px 4px; /* top: -21px !important; */ } /* Background position on mouseover */
	label.radio:hover span.holder { background-position: 4px 7px; /* top: -21px !important; */ } /* Background position on mouseover */
	
	label.checked span.holder,
	label.checked span.holder,
	label.checked:hover span.holder,
	label.checked:hover span.holder { background-position: 1px 4px; /*top: -42px !important;*/ } /* Background position when checked */

	label.checked.radio span.holder,
	label.checked.radio span.holder,
	label.checked.radio:hover span.holder,
	label.checked.radio:hover span.holder { background-position: 4px 7px; /*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;
		}