.label { background: #FFCC33; padding: 5px; font: bold 12px Arial, sans-serif; position: absolute; top: 0;left: 0; }
.form { padding: 20px 20px 10px;  width: 580px; overflow: hidden; }
.form p { margin: 0 0 10px 0; float:left; clear:both; display: block; }
.form label { font: bold 12px Helvetica, Arial, sans-serif; color: #0077AA; padding: 0 0 0 5px;}
.form .w { float: left; clear: both; padding: 5px 5px 0; background: #D7EBEF; font: bold 10px Helvetica, Arial, sans-serif; color: #333; overflow: hidden; }
.form .w span { padding: 0 0 5px; float:left; height:8px; }
.form .input { border: 1px solid #A5C2C8; line-height: 12px; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 520px; font: bold 12px Helvetiva, Arial, sans-serif; color: #3c6f75;}
.form .inputcol3 { border: 1px solid #A5C2C8; line-height: 12px; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; font: bold 12px Helvetiva, Arial, sans-serif; color: #3c6f75;}
.form .textarea { border: 1px solid #A5C2C8; line-height: 12px; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 520px; font: bold 12px Helvetiva, Arial, sans-serif; color: #3c6f75;}
.form  select { border: 1px solid #A5C2C8; font: bold 12px Helvetiva, Arial, sans-serif;color: #3c6f75;}
.form .w label { padding:0; }
/* Validation */
.w.error { background-color: #EFD8D7; }
.w.error .input { border-color: #C8A5A5; background: #fff url('gfx/icon_error.png') no-repeat right center; }
.w.error .select { border-color: #C8A5A5; background: #fff url('gfx/icon_error.png') no-repeat right center; }
.w.valid { background-color: #A4EFAE; height:32px;}
.w.valid .input { border-color: #A5C8A6; background: #fff url('gfx/icon_valid.png') no-repeat right center; }
.w.valid .select { border-color: #A5C8A6; background: #fff url('gfx/icon_valid.png') no-repeat right center; }
.w.valid span { display: none; }