index.html

<div class="google">
<h4>Google Site Specific Search</h4>

<form method="get" action="http://google.com/search" target="_blank">
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="" checked><span class="r5"></span></span>Google</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="wikipedia.org"><span class="r5"></span></span>Wikipedia</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="www.youtube.com"><span class="r5"></span></span>Youtube</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="www.vimeo.com"><span class="r5"></span></span>Vimeo</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="hulu.com"><span class="r5"></span></span>Hulu</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="answers.com"><span class="r5"></span></span>Answers</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="answers.yahoo.com"><span class="r5"></span></span>Y! Answers</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="weather.com"><span class="r5"></span></span>Weather</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="amazon.com"><span class="r5"></span></span>Amazon</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="ebay.com"><span class="r5"></span></span>eBay</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="olx.com"><span class="r5"></span></span>OLX</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="craigslist.com"><span class="r5"></span></span>Craigslist</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="digg.com"><span class="r5"></span></span>Digg</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="ehow.com"><span class="r5"></span></span>eHow</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="imdb.com"><span class="r5"></span></span>iMDB</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="dict.cc"><span class="r5"></span></span>Dict</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="wikihow.com"><span class="r5"></span></span>Wikihow</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="pandora.com"><span class="r5"></span></span>Pandora</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="last.fm"><span class="r5"></span></span>Last.fm</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="yellowpages.com"><span class="r5"></span></span>Yellowpages</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="sourceforge.net"><span class="r5"></span></span>SourceForge</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="softpedia.com"><span class="r5"></span></span>Softpedia</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="about.com"><span class="r5"></span></span>About</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="w3schools.com"><span class="r5"></span></span>W3Schools</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="php.net"><span class="r5"></span></span>PHP</label>

<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="cnet.com"><span class="r5"></span></span>Cnet</label>
<label class="s3"><span class="r4"><input type="radio" name="sitesearch" value="soundcloud.com"><span class="r5"></span></span>SoundCloud</label>

<label class="s3"><span class="r4"><input title="The #1 platform for free music" type="radio" name="sitesearch" value="jamendo.com"><span class="r5"></span></span>Jamendo</label>
<br>
<input class="goo3" type="text"  name="q" size="87" maxlength="255" value="" />
<input class="button" type="submit" value="Search" />

</font>
</form>
</div>

script.js

/* www.kolopo.com */

style.css

.google {background:#f0f0ff;padding:3px 0 3px 0;text-align:center;color:#333;border-bottom: 1px solid #bbb;}

.google input.goo3 {height:22px;font-size: 120%;margin:2px 3px;padding:1px 3px;
border: 1px solid #aaa;width:60%;background-color:#f0f0ff;}

.button {width:60px; height:22px; border: 1px solid #888}
form {margin:0;}
.s3 input:checked + .r5 {background:#5190CF;}
.r4 input {cursor: pointer;position: absolute;
top: 1px;left: 1px;border:0;outline: 0;margin: 0;padding: 0;
-moz-opacity: 0;-webkit-opacity: 0;opacity:0;filter: alpha(opacity=0);
-moz-appearance: none;-webkit-appearance: none;}
.r4 {position: relative;display: inline-block;height: 17px;line-height: 0;font-size: 0;vertical-align: middle;}
.r5 {width:9px;height:9px;
cursor:pointer;margin:3px 3px 0 0;}

.r5, .s3 {display:inline-block;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;
-o-border-radius: 30px;-khtml-border-radius: 30px;}

.s3 {margin:1px 1px 1px 0;padding: 1px 5px;border: 1px solid #ddd;}

.s3:hover {background:#ddd;}