/* TextboxList sample CSS */
.protomultiselect ul.holder { margin:0; border:1px solid #e2e1dd; border-top:1px solid #BBB; background:#FFF url(/images/qe-to-field.jpg) no-repeat top right; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; height:auto !important; height:1%; padding:4px 5px 0; }
.protomultiselect ul.holder:hover { cursor:pointer; background:#FFF url(/images/qe-to-field-hover.jpg) no-repeat top right;  }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
.protomultiselect ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; }
.protomultiselect ul.holder li.can-box, .protomultiselect ul.holder li.can-input input,
.protomultiselect ul.holder li.bit-box, .protomultiselect ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
.protomultiselect ul.holder li.can-box,
.protomultiselect ul.holder li.bit-box { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #66CCFF; background:#EFFFFF; padding:1px 5px 2px; }
.protomultiselect ul.holder li.can-box-focus,
.protomultiselect ul.holder li.bit-box-focus { border-color:#598BEC; background:#598BEC; color:#fff; }
.protomultiselect ul.holder li.can-input input,
.protomultiselect ul.holder li.bit-input input { width:150px; margin:0; border:none; outline: 0; padding:3px 0 2px; background:transparent; } /* no left/right padding here please */
.protomultiselect ul.holder li.can-input input.smallinput,
.protomultiselect ul.holder li.bit-input input.smallinput { width:20px; }
.protomultiselect ul.holder li.bit-input .maininput { min-width:100px !important; }

form.protomultiselect, #add { width: 485px; margin: 2px; padding: 2px; }
form.protomultiselect ol { font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form.protomultiselect ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 0px; float: left; }
form.protomultiselect ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form.protomultiselect ol li.input-text input { width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
form.protomultiselect ol li.input-button { margin-right:3px; list-style-type:none; padding:2px; float:left; }
form.protomultiselect ul.holder { width: 410px; }
form.protomultiselect #canned_messages_box ul.holder { width:330px; margin:0; }
.protomultiselect ul.holder li.can-box,
.protomultiselect ul.holder li.bit-box { padding-right: 15px; position: relative; }
.protomultiselect ul.holder li.can-hover,
.protomultiselect ul.holder li.bit-hover { background:#def3f3; border:1px solid #66CCFF; color:#333; }
.protomultiselect ul.holder li.can-box-focus,
.protomultiselect ul.holder li.bit-box-focus { border-color:#598BEC; background:#598BEC; color:#fff; }
.protomultiselect ul.holder li.can-box a.closebutton,
.protomultiselect ul.holder li.bit-box a.closebutton { position:absolute; right:4px; top:5px; display:block; width:7px; height:7px; font-size:1px; background:url('/images/pms-close.gif'); }
.protomultiselect ul.holder li.can-box a.closebutton:hover,
.protomultiselect ul.holder li.bit-box a.closebutton:hover { background-position:7px; }
.protomultiselect ul.holder li.can-box-focus a.closebutton, ul.holder li.can-box-focus a.closebutton:hover,
.protomultiselect ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }

/* Autocompleter */
#canned-auto, #to-auto { display:none; position:absolute; width:408px; background:#FFF6BF; border:1px solid #CCC; border-top:none; z-index:99; margin-left:5px; }
#canned-auto .default, #to-auto .default { padding:5px 7px; border:1px solid #e2e1dd; border-top:none; color:#514721; }
#canned-auto ul,
#to-auto ul { display: none; margin: 0; padding: 0; overflow: auto; }
#canned-auto ul li,
#to-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; }
#canned-auto ul li em,
#to-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#canned-auto ul li.auto-focus,
#to-auto ul li.auto-focus { background: #4173CC; color: #fff; }
#canned-auto ul li.auto-focus em,
#to-auto ul li.auto-focus em { background: none; }

.food-auto { display:none; position:absolute; width:245px; background:#FFF6BF; z-index:99; margin-left:2px; }
.food-auto .default { padding:1px 7px; border:0px solid #e2e1dd; border-top:none; color:#514721; }
.food-auto ul { display: none; margin: 0; padding: 0; overflow: auto; }
.food-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; }
.food-auto ul li span img { padding: 0px 4px 0px; }
.food-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.food-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.food-auto ul li.auto-focus em { background: none; }

form.protomultiselect.foodform ul.holder {
	width:200px;
}