You can sue a CSS style-sheet and whenever the form is made you can add background colors to the stuff. Heres and example.
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="layout.css"
type="text/css">
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Search</title>
</head>
<body>
<div id="container">
<form method="get" action="http://www.google.com/search"><input
id="searchbox" name="q" size="25" maxlength="255"
value="" type="text"><br>
<input id="searchbutton" value="Search" type="submit"></form>
A nice pretty searchbox.
</div>
</body>
</html>
CSS
div#container
{
color: #FFFFFF;
font-family: Arial;
font-size: 10pt;
text-align: center;
margin:auto;
background-color: #000000;
height: 250px;
width: 250px;
}
#searchbox
{
font-family: Arial;
font-size: 10pt;
width: 148px;
color: #FFFFFF;
background-color: #000000;
border: #4F4F4F 1px solid;
}
#searchbutton
{
font-family: Arial;
font-size: 10pt;
color: #FFFFFF;
background-color: #000000;
border: #4F4F4F 1px solid;
Save them both to your desktop one as an HTML file other as a CSS. If you not sure how to do this, open Notepad paste in the HTML click Save, navigate to your Desktop where it says text document switch that to All Files, then in the name slot type in "Search.html", same for CSS only name it "layout.css". I believe its also possible to use images as the background. Furthermore, I don't know what they did, but the easiest way for the graphic effect would be to make a border on three (or all) sides the same color as the image.
Second thing:
I'm not good at that sorta stuff. I'd search Google for "copy clipboard to textbox".
EDIT: I see what they did, sorry I was looking at the other box :P. The easiest way to duplicate would be to put an image on each side, then put a border on top and bottom. One of the images would submit the form.