/* form in page */

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

.frm { margin: 0; padding: 0 0 10px 0; text-align: justify; font-weight: bold; font-size: 11px; }
.frm a.btn, .frm a.btn:hover { border: 0; background: none; }
.frm a img.order { float: right; margin: 0; padding: 0; border: 0; background: none; }
.frm img { border: 0; }
.frm br { clear: left; }

.frm span { clear: left; margin: 0; padding: 0; font-weight: normal; font-size: 12px; }
.frm span a, .frm a { line-height: 25px; padding: 2px 0; border: none; text-decoration: underline; font-size: 11px; color: #c10000; }
.frm a:hover { border: none; text-decoration: none; color: #000; }

/* label bb5409 */
.frm label { float: left; width: 135px; margin: 0; padding: 0 20px 3px 0; text-align: left; font-weight: normal; color: #000; }
.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 #dbdbdb; background: #f9f9f9; font-size: 12px; 
}
.frm input.hidden { display: none; }
.frm input.date { width: 20px; }
.frm input.date-year { width: 30px; }
.frm input.ch-left { width: 30px; margin-left: 10px; }
.frm input.no-radio-bkg { display: inline; float: none; width: auto; border: none; vertical-align: top; background: none; }
.frm input.basket, .frm input.micro  { width: 30px; }
.frm input.babe { width: 50px; }
.frm input.code { width: 60px; }
.frm input.little { width: 70px; }
.frm input.small { width: 100px; }
.frm input.normal { width: 130px; }
.frm input.medium { width: 150px; }
.frm input.large { width: 200px; }

/* buttons */
.frm input.button { height: 30px; margin: 0; padding: 0; border: 0; border: 1px solid #dcdcdc; background: #82a9ca; font-weight: bold; color: #fff; }
.frm input.submit { text-align: center; }
.frm input.reset  { margin-left: 10px; text-align: center; }

/* select */
.frm select { display: block; float: left; width: 120px; margin-bottom: 10px; border: 1px solid #dcdcdc; background: #f9f9f9; font-size: 11px; }
.frm select.medium { width: 250px; }
select.holded { width: auto; margin-bottom: 10px; border: 1px solid #dcdcdc; vertical-align: bottom-text; background: #f9f9f9; font-size: 11px; }
* html select.holded { vertical-align: bottom; }
.frm select.large { width: 380px; }
.frm select.combo_navigator { display: inline; float: none; width: 300px; margin: 0; border: 1px solid #dcdcdc; background: #f0f0f0; font-size: 11px; }

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

/* field */
.frm .field { position: relative; clear: both; margin: 0; }
.frm .field fieldset { padding: 0 5px; border: 1px solid #dbdbdb; }
.frm .field legend { margin: 5px 0; padding: 2px 3px; border: 1px solid #eee; background: #af0a0a; color: #fff; }

/* 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; }
.warning a { clear: both; text-decoration: underline; color: #e2ba00; }