﻿.selector-with-values {
    display: inline-block;
    white-space: nowrap;
    vertical-align: bottom;
}
     
.selector-with-values input 
{
	background-image: none;
	background-color: whitesmoke;
    float: left;
    
    font-size: 16px;
	padding: 4px 7px;
		  
	border: 1px solid #ccc;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;

	box-shadow: 2px 2px 3px #666;
		
	outline: 0;

	-webkit-appearance: none;
	
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

	margin: 0px;
	
    height: 22px;
}

.selector-with-values input:focus
{
    border-color: #FF9900;
}

.selector-with-values .selector-button {
    display: inline-block;
    margin-left: -1px;
    height: 30px;
    
    padding: 0;	
	bottom: 0;
	
	-moz-box-shadow: 2px 2px 3px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	box-shadow: 2px 2px 3px #666;
}

.selector-with-values .ui-autocomplete {
		max-height: 250px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
}