/* CSS Document */

.accountform p{
width: 500px;

margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
font:  normal 14px Arial;
color:#000000;
}
.accountform label{
font-weight: 100;
float: left;
margin-left: -150px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.accountform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border: 1px solid #950b00;
}
.accountform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border: 1px solid #950b00;
}
.accountform textarea{
font:  normal 13px Arial;
color: #333333;
border: 1px solid #950b00;
}
.accountform select {	
	font:  normal 13px Arial;
color: #333333;
border: 1px solid #950b00;
}
input {	
	font:  normal 13px Arial;
color:#000000;
	}
.accountform span{ /*width of text boxes. IE6 does not understand this attribute*/
float:right;
padding-left:10px;
margin-bottom:10px;
}
/*.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;
}
h2{
font: bold 16px Arial;
color:#950b00;
border-bottom: 1px dashed #950b00;
height: 1%;
}
h3{
font: bold 14px Arial;
color:#950b00;
border-bottom: 1px dashed #950b00 ;
height: 1%;
width:550px;

}

