/*
 * CSS for Autocomplete
*/

.autocomplete {
  position: absolute;
  color: #238854;
  border: 1px solid #666;
  overflow: hidden;
  font-family: Verdana; 
  font-size: 12px;
}

.autocomplete ul {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: auto;
}

.autocomplete li {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  background-color: #FFFFEE;
}

/*
 * CSS used to highlited item when is 
 * selected (with mouse)
*/
.autocomplete li.selected {
  background-color: #B8F888;
  border-top: 1px solid #B8F888;
  border-bottom: 1px solid #B8F888;
}

/*
 * CSS used to highlited keyword
 * found into autocomplete list.
*/
.autocomplete li strong {
	color: red;
}

/*
 * CSS used to display description of keyword.
*/
.autocomplete li code {
	font-family: Verdana; 
	font-size: 11px;
	font-style:italic;
	color:#A0A0A0;
}


/*
 * CSS for Slider
*/
input.errorNaN {
  border: 1px dotted #666;
  background-color : red;
}

input.errorMax {
  border: 1px dotted #666;
  background-color : green;
}

input.errorMin {
  border: 1px dotted #666;
  background-color : orange;
}

div.sliderTrack {
    background-image: url('../img/slider-inset.png');	
    background-repeat:no-repeat;
    width:160px;
    height:36px;
    position:absolute;
    z-index: 5;
} 

div.sliderTrack2 {
    background-image: url('../img/slider-gradient.png');
    background-repeat:no-repeat;
    width:160px;
    height:22px;
    position:absolute;
    z-index: 10;
    background-color: red;
} 

div.sliderHandle {
    background: url('../img/volumeslider-handle.png') no-repeat 100%;
    cursor:e-resize;
    width:20px;
    height:20px;
    position:absolute;
    top:20px;
}

div.sliderHandle:hover {
    background: url('../img/volumeslider-handle_glow.png') no-repeat 100%;
    cursor:e-resize;    
    width:20px;
    height:20px;
    position:absolute;
    top:20px;
}