* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.list-wrap label {
    float:left;
    color:#555;
}
.searchBox {
    width:260px;
    padding:0.4em;
    font-size:1em;
    color:#555;
    border:1px solid #ccc;
    border-radius:3px;
    overflow: hidden;
}

.list-count {
    text-align:center;
    padding:0.5em;
    color:#ddd;
}

li {
    transition-property: margin, background-color, border-color;
    transition-duration: .4s, .2s, .2s;
    transition-timing-function: ease-in-out, ease, ease;
}

.empty-item {
    transition-property: opacity;
    transition-duration: 0s;
    transition-delay: 0s;
    transition-timing-function: ease;
}

.empty .empty-item {
    transition-property: opacity;
    transition-duration: .2s;
    transition-delay: .3s;
    transition-timing-function: ease;
}

.hiding {
    margin-left:-100%;
    opacity:0.5;
}

.hidden {
    display:none;
}

.empty-item {
    background:#fff;
    color:#ddd;
    margin:0.2em 0;
    padding:0.5em 0.8em;
    font-style:italic;
    border:none;
    text-align:center;
    visibility:hidden;
    opacity:0;
    float:left;
    clear:left;
    width:100%;
}

.empty .empty-item {
    opacity:1;
    visibility:visible;
}
/*
The following are styles purely for the surroundings
*/


.list-wrap {
    float:left;
    width:40%;
    margin:2em 30%;
    padding:2em 0;
}