/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.cssform p{	width:500px; clear:left; margin:0; padding:3px 0 5px 0; padding-left:178px; /*width of left column containing the label elements*/ }
.cssform p.insert{margin:0;width:600px; padding:20px 0 15px 28px;}
.cssform label{ 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*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.cssform .button{margin-left:178px; text-align:left; padding:3px 7px; border:1px solid #666; font-family:Arial, Helvetica, sans-serif; color:#333; background:#C4D9EA; width:63px;}
.cssform input[type="text"],.cssform input[type="password"],.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px; font-size:14px; padding:3px;  border:1px solid #CCCCCC; }
.cssform textarea{ width: 180px; height:80px; font-family:Arial, Helvetica, sans-serif;	font-size:14px; padding:3px; border:1px solid #CCCCCC; }

/*.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; }
.color_red {color:#CC3300;}