.cssform div{
width: 305px;
margin: 0px;
padding: 0px;
float: left;
}

.cssform p{
float: left;
padding-bottom:10px;
}

.cssform label{
display:block;
padding-bottom:5px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:8px;
background: #050505;
}

.cssform textarea{
width: 280px;
height: 188px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:8px;
}


/*.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;
}

.OnFocus{
background:#000;
color:#fff;
border:solid 2px #172e57;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.OnIdle{
background:#000;
color: #ccc;
border: solid 2px #222;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#myform{
width:610px;
}

#myform-left{
width:305px;
}

#myform-right{
width:305px;
}