/**
	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: 0px;
	top: 0px;
}
/*text input*/
.combo input {
	position: absolute;
}
/*icon*/
.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;
}
/*"drop-up" list wrapper*/
.combo div.list-wrapper-up {
}
/*dropdown list*/
.combo ul {
}
/*dropdown list item*/
.combo li {
	height: 20px;
}
/*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 {
}

div.custom {
	border-top-width: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 151px;
	padding-top: 0px;
	white-space: nowrap;
	height: 20px;
	border-right-width: 0px
}
p.select_produits div.custom {
	width: 182px;
}
div.custom input {
	padding-left: 10px;
	background:url(../images/v2/fond_input.png) no-repeat;
	left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	top: 0px;
	border:0;
	width:149px;
	height:20px;
	font-size:11px;
	color:#777777;
	cursor:pointer;
    line-height: 20px;
}
p.select_produits div.custom input {
	background:url(../images/v2/fond_input_produits.png) no-repeat;
	width:180px;
	height:20px;
	font-size:11px;
	color:#777777;
	cursor:pointer;
    line-height: 20px;
}
p.select_produits div.custom div.icon {
	left:159px;
}
div.custom div.icon {
	border-top-width: 0px;
	border-left-width: 0px;
	background: url(../images/v2/arrow.png) no-repeat 0px 0px;
	border-bottom-width: 0px;
	width: 19px;
	cursor: pointer;
	height:16px;
	border-right-width: 0px;
	height:16px;
	left:127px;
	top:2px;

}
div.custom div.list-wrapper {
	padding-right: 0px;
	border:1px solid #CCC;
	padding-left: 0px;
	left: 1px;
	padding-bottom: 0px;
	margin: 0px;
	width:145px;
	bottom: auto;
	padding-top: 0px;
	top: 20px;
	background-color:#CCC;
}
p.select_produits div.list-wrapper {
	width:187px;
}
div.custom div.list-wrapper-up {
	border-right: #3a3c6c 1px solid;
	border-top: #3a3c6c 1px solid;
	border-left: #3a3c6c 1px solid;
	bottom: 24px;
	border-bottom: #3a3c6c 0px solid;
	top: auto
}
div.custom ul {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
	height: 200px;
	text-align: left;
}
div.custom li {
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin: 0px;
	font-size:11px;
	font-weight:bold;
	color:#777777;
	cursor: pointer;
	padding-top: 4px;
	background-color: #ffffff
}
div.custom li span {
}
div.custom li.active {
	background-color: #f1ffdc;
}
div.custom input.empty {
	color: gray;
}