input#gh-adcsearch:focus { outline-width: 0px; outline: none; }

#gh-search .autocomplete { display: block; position: absolute; opacity: 0.65px; }
#gh-search .autocomplete span { display: inline; margin: 0px 0px; padding: 0px 0px; font-size: 11px; line-height: 20px !important; }
#gh-search .autocomplete span.spacer { opacity: 0.0; }

#gh-search.chrome, #gh-search.firefox { /* Adapted for new cross-browser searchbar */ }
#gh-search.chrome .search-wrapper input#gh-adcsearch, #gh-search.firefox .search-wrapper input#gh-adcsearch { display: block; padding: 1px 0px 0px 0px; height: 18px; }
#gh-search.chrome .search-wrapper .autocomplete, #gh-search.firefox .search-wrapper .autocomplete { top: 1px; left: 20px; }
#gh-search.chrome .notSafari-wrapper .autocomplete, #gh-search.firefox .notSafari-wrapper .autocomplete { top: 0px; left: 41px; }

#gh-search.safari label { position: relative; }
#gh-search.safari label .autocomplete { top: -2px; left: 40px; }

.recommended { padding-top: 10px; position: absolute; top: 23px; right: 0px; width: 350px; border: 1px solid #cdcdcd; border-radius: 5px; overflow: hidden; background-color: rgba(255, 255, 255, 0.96); -moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.15); -moz-transition: all 0.075s; -webkit-transition: all 0.075s; transition: all 0.075s; z-index: 9999; }
.recommended.hidden { opacity: 0.0; pointer-events: none; }
.recommended .recommended-label { padding: 0px 10px; font-size: 10px; color: #999999; }
.recommended ul.results { margin-top: 8px; margin-bottom: 0px !important; }
.recommended li.result:not(:last-child) { border-bottom: 1px solid #dedede; }
.recommended li.result.active { background-color: #efefef; }
.recommended li.result.active a > span.result-title { color: #0088cc; text-decoration: underline; }
.recommended li.result:not(.active) a > img.result-thumbnail { filter: gray; /* IE6-9 */ filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.recommended li.result a { display: block; padding: 10px 10px 14px; }
.recommended li.result a img.result-thumbnail, .recommended li.result a span.result-title { display: inline-block; vertical-align: middle; }
.recommended li.result a img.result-thumbnail { margin-right: 9px; width: 16px; height: 16px; /* Fix for fuzzy rendering on Retina when using CSS3 greyscale filters */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); }
.recommended li.result a span.result-title { color: #333333; font-size: 14px; line-height: 18px; }
.recommended li.result.get-more:not(.active) { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C */ }
.recommended li.result.get-more a { height: 14px !important; }
.recommended li.result.get-more a span.result-title { display: block; margin-bottom: -2px; max-width: none !important; font-size: 12px !important; text-align: center; }