input.HideCheckBoxListFilter    {   display: none;  }
div.BoxListFilterStandard       {   background-color:white; width:175px; cursor:pointer }
div.BoxListFilterChecked        {   background-color:#55af32; width:175px; color:white; cursor:pointer }
div.BoxListFilterNoChecked      {   background-color:white; width:175px; cursor:pointer    }
div.BoxListFilterCheckedOver    {   background-color:red; width:175px;  cursor:pointer; color:white  }
div.BoxListFilterNoCheckedOver  {   background-color:#3cb3e7; width:175px; color:white;  cursor:pointer }

.BoxListFilter                              {   padding-left:22px; display:block; width:150px; cursor:pointer; position:relative;line-height: 20px; }
.BoxListFilter a { color: #3cb3e7; text-decoration:none }
.BoxListFilterChecked a { color:white; display: block; margin-left: -20px; padding-left: 20px;}
.BoxListFilterCheckedOver a { color: white; display: block; margin-left: -20px; padding-left: 20px; }
.BoxListFilterNoCheckedOver a { color: white !important; display: block; margin-left: -20px; padding-left: 20px;}


.CheckBoxListFilter + label:before, .CheckBoxListFilter:checked  + label:before, .CheckBoxListFilterRedX:checked  + label:before { 
    content: '';
    background-image: url(/images/lite-green-check.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin-left: 5px;
    height: 20px;
    width: 15px;
    position: absolute;
    left: -2px;
}

.CheckBoxListFilter:checked  + label:before {
    background-position: -0px -19px;
}

.CheckBoxListFilterRedX:checked  + label:before {
    background-position: -0px -39px;
}