* { margin:0; padding:0; border:0; }
a { text-decoration:none; outline:none; }

#form,#formans { width:960px; height:480px; margin:0; padding:10px; background:rgba(255,255,255,0); border-radius:5px; }

.left { width:500px; float:left; }
.right { width:455px; float:right; }

#formtitle { height:25px; padding:0; vertical-align:text-bottom; }
#formtitle span.s1 { float:left; font:bold 18px/25px helvetica,verdana,arial; color:rgba(255,255,255,1); text-shadow:2px 2px 2px #000000,4px 4px 4px #ffffff; }
#formtitle span.s2 { float:right; font:bold 10px/25px arial,verdana; color:#bb0000; }

#form ul { margin:0; padding:0; list-style-type:none; }
  * html #form ul { padding:0; }  /* for IE 6 */
#form ul li { height:45px; margin:0 10px 0 0; display:inline-block; vertical-align:top; color:rgba(255,255,255,1); }
#form ul li:last-child { margin:0; }
#form ul li p { height:16px; font:11px/16px verdana,arial; color:rgba(255,255,255,1); }
#form ul li p span { font-size:12px; font-weight:bold; color:rgba(255,0,0,1);}
#form ul li p span.vis {  }
#form ul li p span.invis { color:rgba(255,0,0,0); }
#form ul li.textarea { height:180px; }
#form ul li.cond { width:100%; margin:0; padding:10px 0; font:10px/12px helvetica,verdana,arial; text-align:center;}
#form ul li.sub { width:100%; margin:0 auto; padding:0; font:10px/12px helvetica,verdana,arial; text-align:center;}

#form input { height:18px; margin:2px 0 0 0; padding:3px 4px; font:12px/16px helvetica,verdana,arial; color:rgba(255,255,255,1);background:rgba(0,0,0,.6); border-radius:4px; }
#form input.k1 { width:480px; border:1px solid #ffffff; vertical-align:middle;	}
#form input.k2 { width:230px; border:1px solid #ffffff; vertical-align:middle; }
#form input.k3 { width:30px; height:12px; border:0; text-decoration:none; outline:none; }
#form input:hover { border:1px solid rgba(255,0,0,1); }
#form input:focus { border:1px solid rgba(255,240,0,1); }
#form input.ksub{ width:147px; height:24px; padding:0 0 3px 0; background:#333333; border:#ff0000 3px solid; color:#ffffff; }
#form input.ksub:hover { background:#00cc00; }

#form textarea { width:445px; height:153px; margin:2px 0; padding:3px 4px; resize:none; overflow:auto; font:12px/16px helvetica,verdana,arial; color:rgba(255,255,250,1); background:rgba(0,0,0,.6); border:1px solid #ffffff; border-radius:4px; }
#form textarea:hover { border:1px solid rgba(255,0,0,1); }
#form textarea:focus { border:1px solid rgba(255,240,0,1); }

#formans p { font:16px/30px helvetica,verdana,arial; text-align:center; }
#formans .anscont { margin:40px 0 0 0; padding:30px; background:rgba(255,255,255,.5); border-radius:5px; box-shadow:0px 0px 3px rgba(255,255,0,1) inset; }
#formans .ok { font:bold italic 20px/30px helvetica,verdana,arial; color:#22cc22; }
#formans .ko { font:bold italic 20px/30px helvetica,verada,arial; color:#ff3300}
#formans .cond { font:bold italic 20px/30px helvetica,verdana,arial; color:#ffee00}
#formans input.ksub{ width:147px; height:24px; margin:30px auto; padding:0 0 3px 0; font:12px/16px helvetica,verdana,arial; color:#ffffff; background:#333333; border:#ff0000 3px solid; border-radius:4px; }
#formans input.ksub:hover { background:#00cc00; }
