.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;
    background: url('../images/prettyCheckable.png');
	-webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}
.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 -30px
}
.prettycheckbox>a.checked {
    background-position: 0 -60px
}
.prettycheckbox>a.checked:focus {
    background-position: 0 -90px
}
.prettycheckbox>a.checked.disabled {
    background-position: 0 -150px
}
.prettycheckbox>a.disabled {
    background-position: 0 -120px
}
.prettyradio>a {
    background-position: 0 -180px
}
.prettyradio>a:focus {
    background-position: 0 -210px
}
.prettyradio>a.checked {
    background-position: 0 -240px
}
.prettyradio>a.checked:focus {
    background-position: 0 -270px
}
.prettyradio>a.checked.disabled {
    background-position: 0 -330px
}
.prettyradio>a.disabled {
    background-position: 0 -300px
}