.a-form { margin:10px auto 0 auto; width: 450px; } .a-form fieldset { margin-top:20px; padding:4px 0 10px 0; border:0px solid #adadad; border-left-color:#ececec; border-top-color:#ececec; background:none; } .a-form legend { margin-left:10px; padding: 0 2px; font:bold 20px "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif; color:white; letter-spacing:5px; } /* */ /* global definitions for field labels */ /* */ .a-form label { width:200px; margin:0px 10px 0 0; text-align:left; font-size: 10px; display:block; color:#fff; background:none; padding:2px; font:normal 12px "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif; } /* */ /* FORM FIELDS general formatting */ /* */ .a-form input, .a-form textarea, .a-form select { margin:0 0 8px 0; border:none; vertical-align:top; font:normal 12px "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif; letter-spacing:1px; padding:4px; background: url(fancy_dark_inp_bg.gif) repeat-x top left; color:#000; } .a-form input:hover, .a-form textarea:hover{ background-color:white; } .a-form input:focus, .a-form textarea:focus{ background-color:white; } .a-form textarea, .a-form input { background-color:white; width:400px; } .a-form select { border:none; width:408px; /* attempt to have equal length */ } .a-form textarea { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Verdana,sans-serif; font-size: 0.9em; height: 6em; overflow:auto; } /* */ /* FORM submit button */ /* */ .a-form input.prev, .a-form input.next, .a-form input.send { font-size:12px; height:35px; margin:5px 30px 4px 0pt; padding:0pt 0pt 1px; width:119px; background:url(fancy_blue_submit.gif) no-repeat 0 0px; border:none; cursor:pointer; } .a-form input.send:hover { background-position:0 -35px; } .a-form input.next { margin:5px 10px 4px 0pt; } .a-form input.prev { margin:5px 10px 4px 0pt; } /* */ /* change formatting of response msgs here */ /* */ div.success { background:#F9F9F9 none repeat scroll 0%; color:#AAAAAA; display:block; } div.error { display:block; background:#FFDFDF url(li-err-bg.png) repeat!important; } div.waiting { background:#F9F9F9; color:#AAAAAA; display:block; } /* */ /* formatting for invalid user inputs */ /* */ .a-form .error { color:#ad2929; } /* */ /* disabled fields [disabled] does not work on IE! */ /* */ [disabled] { color:#dddddd; border-color:#dddddd!important; background:none!important; } .disabled { border-color:#dddddd!important; } /* */ /* Other: browser hacks */ /* */ * html .a-form legend { position:absolute; top: -10px; left: -10px; margin-left:0; } * html .a-form fieldset { position: relative; margin-top:15px; padding-top:25px; } *+html .a-form legend { position:absolute; top: -10px; left: -10px; margin-left:0; } *+html .a-form fieldset { position: relative; margin-top:15px; padding-top:25px; }