/* 
		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 {
  /*font: 11px "Lucida Grande", Verdana;*/
	/*font-family:Arial, Helvetica, sans-serif;*/
        font-size: 100%;
	color: #333333;
        background: #FFF;
        cursor: text;
        
         
}

.textboxlist-bits { 
    zoom: 1;
    overflow: hidden;
    margin: 0;
    padding:4px 0px 4px 0px;
    border: 1px solid #BBBBBB;
    -moz-border-radius: 5px;
    border-radius: 5px;
 }

.textboxlist-bit {
  list-style-type: none;
  float: left;
  display: block; padding: 0;
  margin: 0 5px 0px 0;
  cursor: default;
  
}

/*****/
.textboxlist-bit-editable { 
  border: 1px solid #fff;
  float:left;
  width: 20%;
  /*border: 1px solid blue;*/
  
  
}

.textboxlist-bit-editable-input { 
  border: none;
  margin: 0px 0%;
  float:left;
  width:100%;
  /*padding: 4px 0px 4px 0px;*/
  height: 16px;
  font-size: 100%;
  color:#333333;
  
  
}

.textboxlist-bit-editable-input:focus { outline: 0; border: none;}

.textboxlist-bit-box { 
  position: relative;
  line-height: 18px;
  padding: 4px 1% 4px 1%;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  border: 0px solid #edece1;
  background: #edece1;
  cursor: default;
  width:auto;
  
}

.textboxlist-bit-box-deletable { padding-right: 25px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 6px; top: 9px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('close.gif'); }
.textboxlist-bit-box-deletebutton:hover { border: none; background-position: 7px; text-decoration: none; }

.textboxlist-bit-box-hover {
  background: #efd8a2;
  border: 0px solid #efd8a2;
  
}

.textboxlist-bit-box-focus { 
  border-color: #f29f05;
  background: #f29f05;
  color: #fff; 

}

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