.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('img/sprites-sfa68604977.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: -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
        }