Loading google.load('search', '1', {language : 'en'}); google.setOnLoadCallback(function() { var customSearchControl = new google.search.CustomSearchControl('018427220048359705865:q2j42bqo2kc'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); var options = new google.search.DrawOptions(); options.setSearchFormRoot('cse-search-form'); options.setAutoComplete(true); customSearchControl.draw('cse', options); }, true); .gsc-control-cse { font-family: Arial, sans-serif; //border-color: #99cdff; background-color: #FFFFFF; } input.gsc-input { border-color: #99cdff; } input.gsc-search-button { border-color: #5D5D5D; background-color: #CECECE; } .gsc-tabHeader.gsc-tabhInactive { border-color: #336799; background-color: #CECECE; } .gsc-tabHeader.gsc-tabhActive { border-top-color: #336799; border-left-color: #336799; border-right-color: #336799; background-color: #FFFFFF; } .gsc-tabsArea { border-color: #336799; } .gsc-webResult.gsc-result { border-color: #FFFFFF; background-color: #FFFFFF; } .gsc-webResult.gsc-result:hover { border-color: #BCCDF0; background-color: #E6E6E6; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b { color: #336799; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b { color: #336799; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b { color: #336799; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b { color: #336799; } .gsc-control-cse { font-family: Arial, sans-serif; border-color: #ffffff; background-color: #ffffff; } input.gsc-input { border-color: #5d5d5d; font-size: x-large; } input.gsc-search-button { border-color: #5d5d5d; background-color: #5d5d5d; font-size: x-large; color: #ffffff; } .gsc-tabHeader.gsc-tabhInactive { border-color: #336799; background-color: #CECECE; } .gsc-tabHeader.gsc-tabhActive { border-top-color: #336799; border-left-color: #336799; border-right-color: #336799; background-color: #FFFFFF; } .gsc-tabsArea { border-color: #336799; } .gsc-webResult.gsc-result { border-color: #FFFFFF; background-color: #FFFFFF; } .gsc-webResult.gsc-result:hover { border-color: #FFFFFF; background-color: #f2f2f2; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b { color: #336799; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b { color: #336799; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b { color: #336799; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b { color: #336799; } .gsc-cursor-page { color: #336799; } a.gsc-trailing-more-results:link { color: #336799; } .gs-webResult.gs-result .gs-snippet { color: #5D5D5D; } .gs-webResult.gs-result .gs-visibleUrl { color: #336799; } .gs-webResult.gs-result .gs-visibleUrl-short { color: #336799; } .gs-webResult.gs-result .gs-visibleUrl-short { display: none; } .gs-webResult.gs-result .gs-visibleUrl-long { display: block; } .gsc-cursor-box { border-color: #FFFFFF; } .gsc-results .gsc-cursor-page { border-color: #336799; background-color: #FFFFFF; } .gsc-results .gsc-cursor-page.gsc-cursor-current-page { border-color: #336799; background-color: #FFFFFF; } .gs-promotion.gs-result { border-color: #336699; background-color: #ffffff; } .gs-promotion.gs-result a.gs-title:link { color: #336799; } .gs-promotion.gs-result a.gs-title:visited { color: #336799; } .gs-promotion.gs-result a.gs-title:hover { color: #336799; } .gs-promotion.gs-result a.gs-title:active { color: #336799; } .gs-promotion.gs-result .gs-snippet { color: #5D5D5D; } .gs-promotion.gs-result .gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl-short { color: #336799; } #cse-search-form { background-color: #99CDFF; } .gsc-control-cse { font-family: Arial, sans-serif; border-color: #ffffff; background-color: #ffffff; } input.gsc-input { border-color: #5d5d5d; font-size: x-large; } input.gsc-search-button { border-color: #5d5d5d; background-color: #5d5d5d; font-size: x-large; color: #ffffff; } .gsc-tabHeader.gsc-tabhInactive { border-color: #336799; background-color: #CECECE; } .gsc-tabHeader.gsc-tabhActive { border-top-color: #336799; border-left-color: #336799; border-right-color: #336799; background-color: #FFFFFF; } .gsc-tabsArea { border-color: #336799; } .gsc-webResult.gsc-result { border-color: #FFFFFF; background-color: #FFFFFF; } .gsc-webResult.gsc-result:hover { border-color: #FFFFFF; background-color: #f2f2f2; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b { color: #336799; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b { color: #336799; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b { color: #336799; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b { color: #336799; } .gsc-cursor-page { color: #336799; } a.gsc-trailing-more-results:link { color: #336799; } .gs-webResult.gs-result .gs-snippet { color: #5D5D5D; } .gs-webResult.gs-result .gs-visibleUrl { color: #336799; } .gs-webResult.gs-result .gs-visibleUrl-short { color: #336799; } .gs-webResult.gs-result .gs-visibleUrl-short { display: none; } .gs-webResult.gs-result .gs-visibleUrl-long { display: block; } .gsc-cursor-box { border-color: #FFFFFF; } .gsc-results .gsc-cursor-page { border-color: #336799; background-color: #FFFFFF; } .gsc-results .gsc-cursor-page.gsc-cursor-current-page { border-color: #336799; background-color: #FFFFFF; } .gs-promotion.gs-result { border-color: #336699; background-color: #ffffff; } .gs-promotion.gs-result a.gs-title:link { color: #336799; } .gs-promotion.gs-result a.gs-title:visited { color: #336799; } .gs-promotion.gs-result a.gs-title:hover { color: #336799; } .gs-promotion.gs-result a.gs-title:active { color: #336799; } .gs-promotion.gs-result .gs-snippet { color: #5D5D5D; } .gs-promotion.gs-result .gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl-short { color: #336799; } #cse-search-form { background-color: #99CDFF; }