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

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

    .b-styled-radio-wrap label.checked span.holder { top: -18px !important;}
    .b-styled-radio-wrap .holderWrap {
        height: 14px !important;
        margin-top: 5px !important;
        margin-right: 4px !important;
    }
    .b-styled-radio-wrap label.list {
        float: none;
    }


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

	label.list {
		/*float: left; */
		/*margin: 0 0px 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-top:-2px;
        margin-right: 6px;
        overflow: hidden;
    }

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