/* Start of CMSMS style sheet 'DebRA: Forms' */
.contactform td {
padding:0 30px 10px 0;
text-align:left;
}

table.orderform {
width:80%;
}

.orderform fieldset {
padding:20px;
border:1px solid #ccc;
margin:10px 0;
}

.orderform legend {
font-size:14px;
font-weight:bold;
color:#333;
}

.orderform td {
width:150px;
margin:5px 0 5px 0;
}

.orderform input, .orderform select {
width:200px;
margin:5px 0 5px 150px;
}

/*--- css form --*/

.cssform{
width:500px;
margin:20px auto;
}

.cssform fieldset {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #d3d3d3;
}		

.cssform legend {
padding: 0 10px;
background: #ffffff;
/*text-transform: uppercase;*/
color: #444;
font-weight:bold;
font-size:12px;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
}

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

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

.cssform input.short_input{ /*width of short text boxes.*/
width: 80px;
}

.cssform textarea{
width:300px;
height:60px;
}

.cssform textarea.widebox{
width:480px;
height:80px;
}

/*.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;
}
/* End of 'DebRA: Forms' */