/* form in page */

form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }

.frm { line-height: 20px; margin: 0; padding: 0; text-align: justify; font-size: 12px; }
.frm b { color: #fff; }
.frm br { clear: left; }
.frm small { clear: both; font-weight: bold; font-size: 12px; color: #d9a3a3; }
.frm span { clear: left; margin: 0; padding: 0; font-weight: normal; font-size: 12px; }
.frm a { padding: 2px 0; border: none; text-decoration: underline; font-size: 11px; color: #eee; }
.frm a:hover { border: none; text-decoration: none; }

/* label */
.frm label { float: left; width: 115px; margin: 0; padding: 0 20px 3px 0; text-align: left; font-weight: bold; color: #bfb9b9; }
.frm label.safe-code { width: 115px; height: 40px; padding-top: 10px; }
.frm label span { font-weight: bold; color: #c10000; }

/* input */
.frm input { 
	display: block; float: left; width: 150px; height: 18px; margin-bottom: 10px; padding: 3px 0 0 3px; border: 1px solid #fff; background: #ddd; font-size: 12px; 
}
.frm input.code { width: 50px; }
.frm input.small { width: 120px; }
.frm input.medium { width: 200px; }
.frm input.large { width: 310px; }

/* input buttons */
.frm input.button { height: 25px; margin: 0; background: #b570a0; color: #fff; }
.frm input.submit { text-align: center; }
.frm input.reset  { margin-left: 10px; text-align: center; }

/* textarea */
.frm textarea { 
	display: block; float: left; width: 350px; height: 100px; margin-bottom: 10px; border: 1px solid #dcdcdc;
	background: #b2b2b2; text-align: left; font: 11px "Trebuchet", Tahoma;
}
.frm textarea.large { width: 400px; height: 65px; }

/* form messages */
.error { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #d53030; }
.success { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #3eb523; }
.warning { display: block; clear: both; text-align: center; font-weight: bold; font-size: 12px; color: #dd8a31; }