/**
	sexy-combo 2.1.3 : http://code.google.com/p/sexy-combo/
	
	Skin pour les petites combos box
*/

div.small {
	position: relative;
	float: left;
    white-space: nowrap;
    height: 15px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 55px;
}

div.small input {
	left: 0px;
    top: 0px;     
    margin: 0 0 0 0;
    padding: 0px 8px;
    background: #fff url(../images/bg_selectbox_small.gif) no-repeat 0 0;
    color: #1c6b94;
    width: 40px;
    font-size: 1em;
    border: none;
    height: 15px;
    line-height:15px;
    vertical-align:middle; 
      

}

div.small div.icon {
    background: #fff url(../images/bg_selectbox_trigger.gif) no-repeat 0 0;
    width: 15px;
    height: 15px;
    border: none;
    top: 0px;
    left: 40px;
    cursor:pointer;
}

div.small div.list-wrapper {
    left: 4px;
    top: 15px;
    border: 1px solid #7eabc2;
    border-top: none;
    background-color: #d2e1ea;
    padding: 0;
    margin: 0;
    width: 50px;
    bottom: auto;
}

div.small div.list-wrapper-up {
    top: auto;
    bottom: 21px;
}

div.small ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 200px;
}


div.small li {
	line-height: 20px;
	vertical-align: middle;
    padding: 0;
    padding-left: 5px;
    background-color: #d2e1ea;
    color: #1c6b94;
    cursor: pointer;
    margin: 0;
}

div.small li.active {
    background-color: rgb(223, 232, 246);
}

/*for IE*/
div.small a, div.small a:visited, small.sexy a:active {
    display: block;
	width: 100%;
	width: 146px;
	text-decoration: none;
	color: #d2e1ea;
    cursor: pointer;
    margin: 0;	
	height: 20px;
}

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

a.to-highlight:hover {
    background-color: rgb(223, 232, 246);
}