.clearfix:before,
.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}

.prettycheckbox,
.prettyradio{display:inline-block;padding:0;margin:0}

.prettycheckbox>a,
.prettyradio>a{
    height:30px;
    width:30px;
    display:block;
    float:left;
    cursor:pointer;
    margin:0 0 0 -5px;
    background:url('sprites.png?v=2');
}

.prettycheckbox>a:focus,
.prettyradio>a:focus{outline:0 none}

.prettycheckbox label,
.prettyradio label{
    display:block;
    float:left;
    margin:6px 5px;
    cursor:pointer;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
}

.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:-30px 0}
.prettycheckbox>a.checked{background-position:-60px 0}
.prettycheckbox>a.checked:focus{background-position:-90px 0}
.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}