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

.textboxlist {cursor: text;  }
.textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding-top: 8px; padding-left: 0px; border: none; 	-webkit-border-radius: 4px; border-radius: 4px;	-moz-border-radius: 4px; padding-bottom: 3px; }
.textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
.textboxlist-bit-editable { }
.textboxlist-bit-editable-input { 	
	-moz-border-radius:7px;
	-webkit-border-radius: 7px; 
	border-radius: 7px;
	line-height:2.4;
	font-weight: bold;
	padding: 4px !important;
	text-decoration:none;
	white-space:nowrap; 
	border:2px solid #0783A7 !important;
	background-color:#FFFFFF;
	color: #0783A7 !important;
	margin-top: 5px;
	}
.textboxlist-bit-editable-input:focus { outline: 0;}
.textboxlist-bit-box { color: white; font-weight: bold;  position: relative; line-height: 18px; padding:3px; padding-left: 8px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; border:1px solid #0783A7; background: #0783A7 url('../img/common/blue_grad_bg.png') repeat scroll 50% 50%; cursor: default; }
.textboxlist-bit-box-deletable { padding-right: 15px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 4px; top: 6px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../img/common/close.gif') 0px -14px; }
.textboxlist-bit-box-deletebutton:hover { border: none; background-position: 7px; text-decoration: none; }
.textboxlist-bit-box-hover { background: #ffffff; border: 1px solid #0783A7; color: #0783A7; }
.textboxlist-bit-box-focus { border: 2px solid #0783A7; background: #FFFFFF; color: #0783A7; }
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton { background-position: bottom; }

/*  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.		
*/