Cacher is the code snippet organizer for pro developers

input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}
input[type="checkbox"] + label {
    background: url('image/no-check.png') 0 0 no-repeat;
    padding-left: 20px;
}
input[type="checkbox"]:checked + label {
    background: url('image/check.png') 0 0 no-repeat;
}

/*
<div class="checkbox">
									    <input type="checkbox" class="checkbox-input"  id="checkbox" /> 
									    <label for="checkbox">Я согласен(-на) с условиями <a href="#">соглашения</a></label>
									  </div>
									  */