.cssform {
background-color: #ccc;
width: 210px;
padding: 2px;
margin: 2px 0px 2px 15px;
background-image:url("search_back.jpg");
font-size: 11px;
color: #4A2D18;
}

.cssform p{
width: 100px;
clear: left;
margin: 0;
padding: 2px 0 3px 0;
padding-left: 90px; /*width of left column containing the label elements*/
border-top: 1px solid #4A2D18;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -85px; /*width of left column*/
width: 85px; /*width of labels. Should be smaller than left column to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 93px;
font-size: 10px;
}

.cssform select {
font-size:11px;
width: 100px;
color: #4A2D18;
}

.cssformid input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 40px;
color: #4A2D18;
}

.cssformid {
background-image:url("search_back.jpg");
background-color: #ccc;
width: 210px;
padding: 2px;
margin: 2px 0px 2px 15px;
font-size: 11px;
color: #4A2D18;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}