<style type="text/css">
div#funwithforms {
padding:2em 0;
}
div#funwithforms,
div#funwithforms * {
color:#666666;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#funwithforms label {
margin:0;
padding:0.2em;
margin-top:0.3em;
text-align:right;
width:70px;
float:left;
text-transform:uppercase;
}
div#funwithforms fieldset {
position:relative;
width:300px;
margin:0; padding:13px 0 0 0;
border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
background-color:#ccc;
}
div#funwithforms legend {
width:auto; height:30px;
margin:0; padding:0 4em 0 .5em;
position:absolute;
top:-13px; left:10px;
color:#fff;
background:transparent url(/content/img/css/funwithforms/legend_bg.gif") no-repeat;
font-size:1.5em;
font-weight:bold;
text-transform:uppercase;
letter-spacing:-1px;
display:block;
}
div#funwithforms .br {display:none;}
div#funwithforms .textfield {
font:1.1em Verdana, Arial, Helvetica, sans-serif ;
color:#333 ;
margin:3px;
height:20px;
border:solid 0 #fff;
padding: 3px 8px;
background: transparent url(/content/img/css/funwithforms/textfield_bg.gif) no-repeat fixed;
width:200px;
voice-family: "\"}\"";
voice-family:inherit;
width:187px;
}
div#funwithforms fieldset>input.textfield {
background: transparent url(/content/img/css/funwithforms/textfield_bg.gif) no-repeat;
}
div#funwithforms textarea {
font:1.1em Verdana, Arial, Helvetica, sans-serif;
color:#333 ;
margin:3px;
height:165px;
border:solid 0 #fff;
padding: 0 8px;
background: transparent url(/content/img/css/funwithforms/textarea_bg.gif) no-repeat fixed;
width:200px;
voice-family: "\"}\"";
voice-family:inherit;
width:190px;
}
div#funwithforms fieldset>textarea {
background: transparent url(/content/img/css/funwithforms/textarea_bg.gif) no-repeat;
}
div#funwithforms .submit {
margin:3px;
background: transparent url(/content/img/css/funwithforms/submit.gif) no-repeat;
height:20px;
border:solid 0 #fff;
width:80px;
font:1.1em Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-transform:uppercase;
}
</style>
<div id="funwithforms">
<form action="#" method="post" onsubmit="return false;">
<fieldset>
<legend>Contact form</legend>
<label for="name">Name</label><br class="br" /><input name="name" type="text" class="textfield" id="name" /><br>
<label for="email">Email</label><br class="br" /><input name="email" type="text" class="textfield" id="email" /><br/>
<label for="website">Website</label><br class="br" /><input name="website" type="text" class="textfield" id="website" value="http://" /><br>
<label for="comment">Comment</label><br class="br" /><textarea cols="30" rows="15" name="comment" id="comment"></textarea><br>
<label for="submit"> </label><br class="br" /><input name="submit" type="submit" class="submit" id="submit" value="submit" />
</fieldset>
</form>
</div>