.selection-wrapper {
    width: 100%; 
    margin: 0 auto;
    display: inline-block;
    *display: inline; 
    *zoom:1;
    line-height: 24px;
}

.selection-wrapper input { 
    width: 100%;
    padding: 3px 4px;
    border: 1px solid #ccc; 
    margin: 2px 0
}

.selection-wrapper ul { 
    height: 150px; 
    overflow: auto; 
    list-style: none; 
    margin: 0; 
    padding: 4px 0; 
    border: 1px solid #ccc; 
}
.selection-wrapper li { 
    cursor: pointer; 
    vertical-align: middle; 
    margin: 0; 
    padding: 0 0 0 10px;
    background-repeat: no-repeat;    
    border: 1px solid transparent; 
    background-image: url(checkboxes.png);
    border-width: 1px 0;
    line-height: 24px;
    background-color: #fff;
}
.selection-wrapper li:hover { 
    border-color: #7ad;
    background-color: #f4faff;
}

.checkbox-on { background-position: right 10px top -24px }
.checkbox-off { background-position: right 10px top 0px }

.hidden { display: none; }