.clearfix:before, .clearfix:after { content: ""; display: table }
.clearfix:after { clear: both }
.clearfix { *zoom:1
}
.prettycheckbox, .prettyradio { display: inline-block; float:left; padding: 0; margin: 0 }
.prettycheckbox>a, .prettyradio>a { height:29px; width: 29px; display: block; float: left; cursor: pointer; margin: 0; background: url(../images/checkbox.png) }
.prettycheckbox>a:focus, .prettyradio>a:focus { outline: 0 none }
.prettycheckbox label, .prettyradio label { display: block; float: left; margin: 6px 5px; cursor: pointer }
.prettycheckbox a.disabled, .prettycheckbox label.disabled, .prettyradio a.disabled, .prettyradio label.disabled { cursor: not-allowed }
.prettycheckbox>a { background-position: 0 0 }
.prettycheckbox>a:focus { background-position: 0 0; }
.prettycheckbox>a.checked { background-position: 0 -29px; }
.prettycheckbox>a.checked:focus { background-position: 0 -29px; }
.prettycheckbox>a.checked.disabled { background-position: -150px 0 }
.prettycheckbox>a.disabled { background-position: -120px 0 }
.prettyradio>a { background-position: -180px 0 }
.prettyradio>a:focus { background-position: -210px 0 }
.prettyradio>a.checked { background-position: -240px 0 }
.prettyradio>a.checked:focus { background-position: -270px 0 }
.prettyradio>a.checked.disabled { background-position: -330px 0 }
.prettyradio>a.disabled { background-position: -300px 0 }