/* --- AUTOCOMPLETE CSS --- */

.autocomplete {
  position: absolute;
  z-index:1;
  color: #333;
  background-color: #fff;
  border: 1px solid #666;
  font-family: Arial;
  overflow:auto !important; 
}

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

.autocomplete li {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  margin: 0px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #fff;
}

.autocomplete li.selected {
  background-color: #cef;
  border-top: 1px solid #9bc;
  border-bottom: 1px solid #9bc;
  display: block;
}



/* Animated throbber */

input.form-autocomplete {
  background: url('../img/throbber.gif') no-repeat 100% 2px;
}

input.throbbing {
  background-position: 100% -18px;
}

#ja-search {
	background: transparent url('../img/search2.jpg') no-repeat;
	padding-top:8px;
	padding-left: 50px;
	margin-left:12px;
	height:33px;
	border-bottom: 1px solid #CCCCCC;
}

#ja-search .ckinputbox { 
	border: 1px #CCCCCC solid;
	 width: 260px; 
	 padding-left: 8px; 
	 padding-top: 3px; 	 	 
	 font-size: 11px; 
	 height: 14px; 
  	 background: url('../img/throbber.gif') no-repeat 100% 2px;
}

.button { border-style: solid; border-color: rgb(225, 225, 225) rgb(186, 189, 182) rgb(186, 189, 182) rgb(225, 225, 225); border-width: 1px; padding: 1px 4px; background: rgb(239, 239, 239) url('../img/but-bg.gif') repeat; }

.button:hover, .button:focus { border-style: solid; border-color: rgb(186, 189, 182) rgb(225, 225, 225) rgb(225, 225, 225) rgb(186, 189, 182); border-width: 1px; }