Copy the code below and paste it into your own:

<style type="text/css">
.searchButtonBlack {
font-family: Arial;
font-size: 11px;
font-weight: 700;
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
border: 0px;
width: 80px;
height: 20px;
cursor: pointer;
}
.searchButtonBlackOver {
font-family: Arial;
font-size: 11px;
font-weight: 700;
text-decoration: underline;
color: #CF3733;
background-color: #000000;
border: 0px;
width: 80px;
height: 20px;
cursor: pointer;
}
#searchFieldBlack {
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
width: 250px;
height: 23px;
vertical-align: top;
margin: 1px 0px 0px 1px;
}
#searchBoxButton {
width: 88px;
height: 23px;
vertical-align: top;
margin: 1px 0px 0px 0px;
}
</style>
<form method="get" action="http://www.earthcam.com/search/ft_search.php" target="_top">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="http://www.earthcam.com/images/site/linktous/ec-logo-sm.jpg" width="31" height="28" />
</td>
<td style="padding-top:2px;">
<input type="hidden" name="s1" value="1" />
<input id="searchFieldBlack" value="" type="text" name="term" maxlength="50" />
<input id="searchBoxButton" type="submit" value="SEARCH" class="searchButtonBlack" onmouseout="this.className='searchButtonBlack';" onmouseover="this.className='searchButtonBlackOver';" />
</td>
</tr>
<tr>
<td> </td>
<td><span style="font-family:arial;font-size:11px;">Powered by EarthCam</span></td>
</tr>
</table>
</form>