#fbar_search_input_container {
  background-repeat: no-repeat;
  float: left;
  height: 33px;
  width: 344px;
  background-image: url("/img/assets/search/searchbar-normal.png");
  cursor: text;
}
#fbar_search_input_container:hover {
  background-image: url("/img/assets/search/searchbar-hover.png");
}
#fbar_search_input_container.active {
  background-image: url("/img/assets/search/searchbar-active.png") !important;
}

#fbar_search_input {
  font-family: Arial;
  font-size: 13px;
  color: #000000;
  background-color: transparent;
  border: 0 none;
  padding-top: 8px;
  padding-bottom: 8px;/* add float left to work in ie7 * - it was 8px - modify to 4*/
  float: left;
  width: 290px; /* fbar_search_input_container width (340) - padding-left: 25px; - fbar_search_clear (17px) */
  margin-left: 28px; /* guideline sais 25px but the rounded corner shadows are sucking 3px more */
  margin-top: 0px; /* Reset for some browsers like Chrome */
  margin-right: 0px; /* Reset for some browsers like Chrome */
  margin-bottom: 0px; /* Reset for some browsers like Chrome */
}
/* Makes "Type your search" grey */
.placeholdr {
  color: #888888 !important;
}

#fbar_search_input:focus {
  outline: none; /* Chrome needs this */
}

#fbar_search_clear {
  /* TODO: overlay the search clear over the input, when the clear button is not shown it's area on click should allow input */
  display: none;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 12px;
  height: 13px;
  float: right;
  margin-top: 9px;
  margin-right: 6px;
  background-image: url("/img/assets/search/ex-clear-input-field.png");
  cursor: pointer;
}

#fbar_search_submit,#feedback_details_submit {
  height: 27px;
  float: left;
  color: #FFFFFF;
  margin-top: 2px;
  cursor: pointer;
}

#fbar_search_submit_left, #feedback_details_submit_left {
  height: 23px;
  float: left;
  padding-top: 4px;
  padding-left: 11px;
  font-family: Verdana;
  font-size: 12px;
  min-width: 66px;
  max-width: 91px;
  text-align: center;
    padding-right: 6px;
}
#fbar_search_submit_right, #feedback_details_submit_right {
  width: 6px;
  height: 27px;
  float: left;
}

#feedback_details_submit:hover #feedback_details_submit_right {
	background-image: url("/img/assets/search/searchbut-over-right.png");
}

#feedback_details_submit:hover #feedback_details_submit_left {
	background-image: url("/img/assets/search/searchbut-over-left.png");
}

.normal #fbar_search_submit_left, .normal #feedback_details_submit_left {
  background-image: url("/img/assets/search/searchbut-normal-left.png");
}
.normal #fbar_search_submit_right, .normal #feedback_details_submit_right {
  background-image: url("/img/assets/search/searchbut-normal-right.png");
  color:#fff;
}
.hover #fbar_search_submit_left {
  background-image: url("/img/assets/search/searchbut-over-left.png");
  color:#c5e6fa;
}
.hover #fbar_search_submit_right {
  background-image: url("/img/assets/search/searchbut-over-right.png");
}
.pressed #fbar_search_submit_left {
  background-image: url("/img/assets/search/searchbut-pressed-left.png");
  color:#c5e6fa;
}
.pressed #fbar_search_submit_right {
  background-image: url("/img/assets/search/searchbut-pressed-right.png");
}

/********** ^Autosugestion **********/

.ui-autocomplete {
  background-image: url("/img/assets/search/searchbar-suggestion-bottom.png");
  width: 348px;
  padding-bottom: 10px; /* height of the bottom image (rounded corners) */
  padding-top: 1px; /* move it 1px below the input bar */
  background-repeat: no-repeat;
  background-position: left bottom;
 }

  /*FIXME:both normal and active images should be smaller'*/
.ui-autocomplete li {
  background-image: url("/img/assets/search/searchbar-suggestion-dropdown.png");
  background-repeat: repeat-y;
  height: 24px;
}

.ui-state-hover, .ui-state-focus{
    background-image: url("/img/assets/search/searchbar-suggestion-dropdown-hover.png");
}

.ui-autocomplete a {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 25px;
  font-size: 13px;
  font-family: Arial;
  line-height: 10px;
}

.ui-autocomplete a:hover {
  text-decoration : none;
  cursor : pointer;
}

/*FIXME:should images or background be used?*/
#ui-active-menuitem {
  /*background-color:#E6F0F9*/
}


.ui-helper-hidden-accessible {
	display: none;
}


ul.ui-autocomplete li.ui-menu-item a span {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;  white-space: nowrap; height:13px;
    width: 291px;
}