._p_select {
    font: 12px/14px helvetica,arial,sans-serif;
    box-sizing: border-box;
    color: #333;
    position: relative;
    width: 300px;
    min-height: 2.2em;
}
._p_select .placeholder {
    color: #aaa;
    font-size: 1.2em;
    position: relative;
    top: 0.4em;
    padding: 0 5px;
}
._p_select .input_box{
    min-height: 2em;
    background-color: #fff;
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    cursor: text;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
._p_select .input_box.active {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
._p_select input.query {
    display: none;
}
._p_select .active input.query {
    display: inline;
}
._p_select input.query,
._p_select input.query:focus {
    border: none;
    outline: none;
    line-height: 2em;
    margin: 0 2%;
}
._p_select.multiple .pick {
    box-sizing: inherit;
    display: inline-block;
    background-color: #e4e4e4;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    margin: 3px 0 3px 5px;
    padding: 3px 5px;
    position: relative;
    white-space: nowrap;
}
._p_select .pick a{
    font-size: 1.3em;
    padding: 0.2em;
    cursor: pointer;
}
._p_select .pick.highlight {
    background: #aaa;
}
._p_select .results {
    position: absolute;
    z-index: 100;
    background-color: white;
    top: 100%;
    left: 0;
    list-style: none;
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    min-width: 100%;
}
._p_select .results>li {
    padding: 5px 6px;
    cursor: pointer;
}
._p_select .selected {
    background-color: #3875d7;
    background-image: linear-gradient(#3875d7 20%, #2e62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2e62bc 90%);
    background-image: -webkit-linear-gradient(#3875d7 20%, #2e62bc 90%);
    color: white;
}
._p_select .spinny {
    position: absolute;
    right: 4px;
    top: 5px;
    display: none;
}
._p_select.busy .spinny {
    display: inline-block;
}

/* single select */
._p_select.single .input_box {
    border-radius: 4px;
    background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -webkit-linear-gradient( #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
}
._p_select.single .input_box.active {
    height: 4.5em;
    position: absolute;
    width: 100%;
}
._p_select.single input.query {
    border: 1px solid #aaa;
    width: 96%;
    position: absolute;
    top: 2em;
    padding: 0 3px;
}
._p_select.single .input_box:before {
    content: '\2315';
    font-size: 25px;
    position: absolute;
    right: 10px;
    top: 1.1em;
    z-index: 10;
}
._p_select.single .active input.query {
    display: block;
}
._p_select.single .pick {
    display: block;
    font-size: 1.2em;
    position: relative;
    top: 0.4em;
    padding: 0 5px;
}
._p_select.single .input_box:after {
    content: '\25BC';
    position: absolute;
    right: 4px;
    top: 0.6em;
    color: #999;
}
._p_select.single .input_box.active:after {
    content: '\25B2';
}
._p_select.single.busy .input_box.active:after {
    display: none;
}
._p_select.single .kill_pick {
    display: none;
}
._p_select.single .spinny {
    right: 1px;
    top: 2px;
}
._p_select.single .results {
    top: 4.5em;
}