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

/*text input & icon */
.combo input, .combo div.icon { position: absolute; }

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

.combo .visible {  display: block; }

.combo .invisible {  display: none; }

/* Skin */
div.sexy {
    white-space: nowrap;
    height: 21px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 140px;
    float: left;
    background: url(../../gr_bg_input01.gif) 0 0 no-repeat;
}
div.sexy input {
    margin: 3px 0 0 16px;
    padding: 0;
    border: 0;
    vertical-align:middle; 
    left: 0px;
    top: 0px; 
    width: 99px;  
	position: relative;
	z-index: 999999;
	background-color: transparent;
	font-size: 0.917em;
	color: #99978c;
}
div.sexy div.icon {
    width:25px;
    height:21px;
    border: 0;
    background:transparent url(../../ico_arrow03.gif) 50% 50% no-repeat;
    cursor:pointer;
    top:0px;
    left: 115px;

}
div.sexy div.list-wrapper {
    left: 0px;
    top: 13px;
    background: url(../../gr_bg_combo01_btm.gif) 0 100% no-repeat;
    padding: 0 0 10px;
    margin: 0;
    width: 140px;
    bottom: auto;
	height: auto !important;
}
div.sexy div.list-wrapper-up {
    top: auto;
    bottom: 21px;
}

div.sexy ul {
    list-style-type: none;
    padding: 13px 1px 0 1px;
    margin: 0;
    background: url(../../gr_bg_combo01_rpt.gif) 0 0 repeat-y;
}
	div.sexy  li {
		padding: 3px 0 4px 15px;
		background-color: #FFFFFF;
		cursor: pointer;
		margin: 0;
		font-size: 0.917em;
		color: #99978c;
	}

	div.sexy li.active { color: #474747; }

div.sexy input.empty { color: gray; }