/* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/mootools/textboxlist/> 
		Purchase to remove copyright
*/

.textboxlist {font-size:11px;font-family:Arial,Helvetica;cursor:text;background-color:#fff;line-height:normal;color:#fff}
.textboxlist-bits {zoom:1;overflow:hidden;margin:0;padding:2px 1px 0 1px;border:1px solid #939598;*padding-bottom:0;min-height:20px; _height:20px; background-color:#fff;line-height:normal; _overflow:visible !important; }
.textboxlist-bit {list-style-type:none;float:left;display:block;padding:0;margin:0 2px 2px 0;cursor:default;vertical-align:bottom;}
.textboxlist-bit-editable {border:1px solid #fff;}
.textboxlist-bit-editable-input {border:0;padding:2px 0 1px 0;*padding-bottom:0;height:15px;font-size:11px;font-family:Arial,Helvetica; }
.textboxlist-bit-editable-input:focus {outline:0;}
.textboxlist-bit-box { background:#fff url(suggest_remove.gif) no-repeat right center; position: relative;line-height:18px;padding:0 5px;border:1px solid #d1d2d4;cursor:default; _height:18px;_vertical-align:baseline;}
.textboxlist-bit-box div{ border-right:1px solid #d1d2d4; padding-right: 5px;}
.textboxlist-bit-box-deletable {padding-right:20px;}
.textboxlist-bit-box-deletebutton {display:block; width:18px;height:100%;font-size:1px; position:absolute;right:0;top:0;/*border-left:1px solid #d1d2d4;position:absolute;right:0;top:0;display:block;width:18px;height:100%;font-size:1px;background:url(suggest_remove.gif) no-repeat center center;*/}
.textboxlist-bit-box-deletebutton:hover {/*border:none;text-decoration:none;border-left:1px solid #d1d2d4;*/}
.textboxlist-bit-box-hover {background:#fff url(suggest_remove.gif) no-repeat right center;}
.textboxlist-bit-box-focus {border-color:#343434;background:#fff url(suggest_remove.gif) no-repeat right center;color:#343434;}
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton {/*border-left:1px solid #000;*/}
.textboxlist input {color:#999 !important;}
.textboxlist-focus input {color:#333 !important;}

.textboxlist-icon {margin-bottom: -1px; display: inline; _padding-top:2px;}

/*  TextboxList Style guidelines 
			This style doesn't necessarily have to be in a separate file. 
			It's advisable not to set widths and margins from here, but instead apply it to a particular object or class (#id .textboxlist { width: xxx } or .class .textboxlist { width: xxx })
			The padding-top + padding-left + height of ".textboxlist-bit-editable-input {}" has to match the line-height of ".textboxlist-bit-box {}" for UI consistency. 
			The font configuration has to be present in .textboxlist and .textboxlist-bit-editable-input (for IE reasons)
			The *padding-bottom (notice the *) property of .textboxlist-bits {} has to be equal to the margin-bottom of .textboxlist-bit {} for IE reasons.
			The padding-top of .textboxlist ul {} has to match the margin-bottom of .textboxlist-bit, and the padding-bottom has to be null.
			Make sure the border-width of the .textboxlist-bit-editable {} is equal to the border-width of the box (a border that matches the background is advisable for the input)
			Feel free to edit the borders, fonts, backgrounds and radius.		
*/
.search_box_expand .textboxlist-bits {padding:1px 1px 0 1px;*padding:1px 1px 0 1px;}
.search_box_expand .textboxlist-bit {margin: 0 2px 1px 0;}

 
.search_box_input td div.text_input_2 .textboxlist-bit-editable-input {font-size:14px;*padding-bottom:3px;*padding-top:0;width:auto;}

.tbl_form .textboxlist  {width:400px;}
.tbl_subscr .textboxlist {line-height:normal;}
.tbl_subscr .textboxlist-bits {width:99%;}
.tbl_form .textboxlist-bits, .tbl_subscr .textboxlist-bits  {padding:1px 1px 0 1px !important;min-height:20px !important;  _height:20px;*padding-bottom:1px;}
.tbl_form .textboxlist-bit, .tbl_subscr .textboxlist-bit  {margin: 0 1px 1px 0 !important;*padding-bottom:1px;}

.tbl_form .big .textboxlist-bits  {padding:2px 1px 2px 1px !important;*padding:1px 1px 1px 1px;width:400px;}