/**
	sexy-combo 2.1.3 : http://code.google.com/p/sexy-combo/
	
	This is the base structure, a skin css file is also needed
*/

/*wrapper of all elements*/
div.combo { position:relative; left: 0; top: 0; }

/*text input*/
.combo input { position: absolute; visibility:hidden; }

/*icon*/
.combo div.icon { position:absolute; }


/*list wrapper*/
.combo div.list-wrapper { 
	position: absolute;  
	overflow: scroll;
	
    /*we should set height and max-height explicitly*/
    height: 190px; 
    max-height: 190px;
	
    /*should be always at the top*/
    z-index: 99999;
}

/*"drop-up" list wrapper*/
.combo div.list-wrapper-up {}

/*dropdown list*/
.combo ul {}

/*dropdown list item*/
.combo  li {  }

/*active (hovered) list item*/
.combo li.active {}

.combo .visible {  display: block; }
.combo .invisible { display: none; }

/*used when emptyText config opt is set. Applied to text input*/
.combo input.empty {}