/* 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: 11px; color: #696969; }
.frm h3 { margin: 0; padding: 0; font-weight: bold; font-size: 15px; color: #000; }
.frm big { font-weight: bold; font-size: 13px; color: #d90000; }
.frm b { color: #000; }
.frm br { clear: left; }
.frm small { clear: both; font-size: 11px; color: #434343; }
.frm span { clear: left; margin: 0; padding: 0; font-weight: normal; font-size: 12px; }
.frm span strong { color: #d90000; }
.frm a { padding: 2px 0; border: none; text-decoration: underline; font-size: 11px; color: #696969; }
.frm a:hover { border: none; text-decoration: none; color: #000; }

	/* form text */
	div.form-text { display: inline; font-size: 12px; }
	
	/* form tip */
	div.form-tip { float: left; vertical-align: top; }
	div.form-tip strong { color: #c10000; }
	div.form-tip img { vertical-align: middle; }

/* alert message */
.frm .alert { clear: both; margin: 5px 0; }
.frm .alert img { margin-right: 5px; vertical-align: middle; }

.frm img.data { margin: 0 0 0 5px; vertical-align: middle; cursor: pointer; }
* html .frm img.data { margin: 5px 0 0 5px; vertical-align: top; cursor: pointer; }
.frm img.search { margin: 0 0 0 5px; vertical-align: middle; cursor: pointer; }
* html .frm img.search { margin: 0 0 0 5px; vertical-align: text-bottom; cursor: pointer; }

/* label */
.frm label { float: left; width: 165px; margin: 0; padding: 0 10px 3px 0; text-align: right; font-weight: bold; color: #519b7b; }
.frm label span { font-weight: bold; color: #d90000; }

/* input */
.frm input { 
	display: block; float: left; width: 150px; height: 18px; margin-bottom: 5px; padding: 3px 0 0 3px; border: 1px solid #cad3e9; background: #d1fff9; font-size: 11px; 
}
.frm input[type="file"] { height: 25px; }
.frm input.hidden { display: none; }

	/* common input sizes */
	.frm input.code { width: 50px; }
	.frm input.small { width: 120px; }
	.frm input.medium { width: 200px; }
	.frm input.large { width: 310px; }
	/* chars left */
	.frm input.ch-left { width: 30px; margin-left: 10px; }
	/* for search only */
	.frm input.date { display: inline; float: none; width: 70px; }
	.frm input.keyword { display: inline; float: none; width: 200px; }
	
/* buttons */
.frm input.button { height: 20px; margin: 0; padding: 0; border: 1px solid #044e8d; background: #029602; font-size: 11px; color: #fff; cursor: pointer; }
.frm input.submit { }
.frm input.reset { margin-left: 10px; }

/* select */
.frm select { display: block; float: left; width: 132px; margin-bottom: 5px; border: 1px solid #cad3e9; z-index: 0; background: #d1fff9; font-size: 11px; }

	/* common select sizes */
	.frm select.small { width: 150px; }
	.frm select.medium { width: 200px; }
	.frm select.large { width: 300px; }
	.frm select.verylarge { width: 400px; }
	.frm select.extralarge { width: 500px; }
	.frm select.bigmamma { width: 600px; }

/* textarea */
.frm textarea { 
	display: block; float: left; width: 350px; height: 100px; margin-bottom: 5px; padding: 3px 0 0 3px; border: 1px solid #cad3e9;
	background: #d1fff9; text-align: left; font: 11px Arial, Tahoma;
}
.frm textarea.address { width: 500px; height: 40px; }
.frm textarea.optional { width: 500px; height: 40px; }
.frm textarea.large { width: 400px; height: 65px; }
.frm textarea.verylarge { width: 400px; height: 150px; }

	/* form validation */
	/* validation with AJAX */
	#validate-username { position: relative; display: inline; margin: 0; padding: 0; }
	#validate-email { position: relative; display: inline; margin: 0; padding: 0; }
		
		/* response class */
		.err { padding: 3px; background: #fdc9be; color: #d12807; }
		.ok { padding: 3px; background: #d2ffc4; color: #42a921; }
	
	/* validate link */
	.validate { margin-left: 5px; color: #7f00ff; }
	.validate:hover { text-decoration: none; }

/* field */
.frm .field { position: relative; width: 100%; margin: 0; padding: 0; }
.frm .field fieldset { margin: 0; padding: 0 5px; border: 0; border-top: 2px solid #dbe1ee; border-bottom: 1px solid #dbe1ee; }
.frm .field legend { margin: 5px 0; padding: 0px 3px; border: 1px solid #a9e957; background: #c5ff79; color: #000; }
* html .frm .field legend { margin: 5px 0 5px -6px; }
.frm .field img { border: 0; cursor: pointer; }

/* field for search */
.frm .fieldsearch { position: relative; clear: both; margin: 0 0 10px 0; padding: 0; border-bottom: 1px solid #dbe1ee; }
.frm .fieldsearch fieldset { position: relative; clear: both; margin: 0; padding: 0 5px 3px; border: 0; } /* border: 1px solid #dbdbdb; */
* html .frm .fieldsearch fieldset { padding: 0 5px 0; }
.frm .fieldsearch legend { margin: 5px 0; padding: 0 2px; border: 1px solid #a9e957; background: #c5ff79; font-weight: bold; color: #000; }
* html .frm .fieldsearch legend { margin: 5px 0 5px -6px; }

/* field for comments */
.frm .fieldcomms { position: relative; clear: both; margin: 0 0 10px 0; padding: 0; }
.frm .fieldcomms fieldset { position: relative; clear: both; margin: 0; padding: 0 5px; border: 1px solid #dae5ff; }
* html .frm .fieldcomms fieldset { padding: 0 5px 5px; }
.frm .fieldcomms legend { margin: 5px 0; padding: 0 2px; border: 1px solid #a9e957; background: #c5ff79; font-weight: bold; color: #000; }
* html .frm .fieldcomms legend { margin: 5px 0 5px -6px; }
	
	/* form delete item */
	a.delete_item { margin: 0 0 0 10px; padding: 0 0 0 20px; background: url("../img/icons/delete-item.gif") no-repeat 0 0; vertical-align: top; color: #c10000; }

/* antispam operation */
.codeop { float: left; margin: 0; }
.codeop img { vertical-align: middle; }
.codeop span { font-size: 10px; color: orange; }