/* form in page */

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

/* form builder with list tags: dl, dt, dd */
.frm { position: relative; clear: both; width: 100%; margin: 0; padding: 0; z-index: 1; }
.frm h2 { width: 100%; height: 20px; margin: 0; padding: 0; border-bottom: 1px solid #afafe0; font-weight: bold; font-size: 13px; color: #1386e8; }

.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: bottom; cursor: pointer; }
* html .frm img.search { vertical-align: text-bottom; cursor: pointer; }


/* dl */
.frm dl { clear: both; height: 100%; margin-top: 5px; margin-bottom: 20px; padding: 0; }

/* dt */
.frm dl dt { 
	position: relative; clear: both; float: left; width: 155px; min-height: 18px; height: auto !important; height: 18px; margin-right: 5px; padding: 4px 5px 5px;
	text-align: right; font-weight: bold; color: #201c96;
}
* html .frm dl dt { margin-right: 2px; }
.frm dl dt span { font-weight: bold; color: #d90000; }

/* dd */
.frm dl dd { position: relative; min-height: 18px; height: auto !important; height: 18px; margin: 2px 0; margin-left: 165px; padding: 4px 5px 5px; }
* html .frm dl dd { margin-left: 0; }

.frm dl dd label.status { display: inline; vertical-align: top; cursor: pointer; }
.frm dl dd input.styled { float: left; }

	
	/* error */
	.frmerror { line-height: 18px; padding: 2px 0 2px 16px; background: url('../img/icons/icon-form-error.gif') no-repeat 0 2px; color: #ff1418; }
	
	/* dd text */
	.ddtext { float: left; }
	.ddtext span { color: orange; }

/* form tooltip */
#tooltip_form {
	position: absolute; visibility: hidden; width: 400px; line-height: 16px; padding: 2px; border: 1px solid #f5ff00; 
	background: #feffe5; text-align: left; color: #333; z-index: 10;
}

/* input */
.frm input {
	position: relative; clear: both; height: 26px; margin-top: -5px; padding: 3px 0 0 3px;
	border: 1px solid #cad3e9; border-bottom: 2px solid #cad3e9; background: #ecf2ff; font-size: 11px;
}
.frm input[type="file"] { height: 25px; }
.frm input[type="radio"] { border: 0; background: none; }

	/* common input sizes */
	.frm input.code { width: 50px; }
	.frm input.micro { width: 50px; }
	.frm input.verysmall { width: 80px; }
	.frm input.small { width: 120px; }
	.frm input.medium { width: 200px; }
	.frm input.large { width: 300px; }
	.frm input.verylarge { width: 450px; }
	.frm input.extralarge { width: 600px; }
	.frm input.bigmamma { width: 758px; }
	
	/* input properties */
	/* filebrowser */
	.frm input.filebrowser { height: 25px; }
	/* hidden */
	.frm input.hidden { display: none; }
	/* no background - for checkbox and radio buttons */
	.frm input.no-bg { margin-top: -1px; margin-left: 0; border: none; vertical-align: middle; background: #fff; }
	* html .frm input.no-bg { margin-left: -3px; border: none; background: #fff; }
	/* chars left */
	.frm input.ch-left { position: relative; clear: both; width: 30px; margin-left: 10px; top: 0; }
	/* price */
	.frm input.price { width: 100px; }
	/* year */
	.frm input.year { width: 30px; }
	/* sort_order */
	.frm input.sort_order { width: 50px; }
	/* for search only */
	.frm input.date { display: inline; float: none; width: 70px; }
	.frm input.keyword { display: inline; float: none; width: 200px; }
	/* autocomplete */
	.frm input.autocomplete { width: 692px; padding-top: 0; font-weight: bold; font-size: 12px; color: #000cff; }
	/* price */
	.frm input.price { width: 85px; }
	/* percent */
	.frm input.percent { width: 30px; }
	
	/* 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; }


/* select */
.frm select { height: 21px; margin-top: -3px; padding: 2px; border: 1px solid #cad3e9; border-bottom: 2px solid #cad3e9; background: #ecf2ff; font-size: 11px; }

	/* common select sizes */
	.frm select.micro { width: 55px; }
	.frm select.small { width: 100px; }
	.frm select.standard { 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; }
	
	/* dual list */
	.frm select.dual { float: left; width: 380px; height: 180px; margin-top: 0; margin-right: 5px; border-color: #ccc; background: #fff; }
	/* multiple */
	.frm select.multiple { width: 400px; height: 82px; }
	/* day / month */
	.frm select.day { width: 40px; padding-left: 0; }


/* textarea */
.frm textarea {
	position: relative; display: inline; margin-top: -5px; margin-right: 5px;
	border: 1px solid #cad3e9; border-bottom: 2px solid #cad3e9; background: #ecf2ff; font: 11px "Trebuchet", Tahoma;
}

	/* common textarea sizes */
	.frm textarea.small { width: 650px; height: 30px; }
	.frm textarea.standard { width: 650px; height: 40px; }
	.frm textarea.medium { width: 650px; height: 60px; }
	.frm textarea.large { width: 650px; height: 80px; }
	.frm textarea.verylarge { width: 650px; height: 100px; }
	.frm textarea.extralarge { width: 650px; height: 150px; }
	.frm textarea.bigmamma { width: 480px; height: 30px; }
	
	/* textarea properties */
	.frm textarea.contact { width: 360px; height: 100px; }
	.frm textarea.send-message { width: 453px; height: 100px; }
	.frm textarea.company-description { width: 760px; height: 100px; }
	
	/* tooltip for textarea */
	.textareatooltip { position: absolute; display: inline; width: 15px; margin-top: 0; margin-left: 0; top: 0; }
	
	/* characters left & text */
	.textareatext { position: absolute; display: inline; width: 155px; margin-top: 0; margin-left: 20px; padding: 0; top: 2px; text-align: left; }
	.textareatext input { left: -10px; margin-right: 0; }
	.textareatext span { color: #3a4fad; }
	* html .textareatext { top: 4px; }
	

/* 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; }


/* field */
.frm .field { position: relative; clear: both; margin: 0 0 10px 0; padding: 0; border: 1px solid #dbe1ee; }
.frm .field fieldset { position: relative; clear: both; margin: 0; padding: 0 5px 3px; border: 0; }
.frm .field legend { margin: 5px 0; padding: 0 2px; border: 1px solid #afafaf; background: #dceaf2; font-weight: bold; color: #fff; }
* 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;
background: url("../img/catalog-firme/bg-search.gif") repeat-x; }
.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 2px; }
.frm .fieldsearch legend { margin: 5px 0; padding: 0 2px; border: 1px solid #afafaf; background: #dceaf2; font-weight: bold; color: #014c72; }
* html .frm .fieldsearch legend { margin: 5px 0 5px -6px; }
.frm .fieldsearch fieldset input { margin-top: 3px; }
* html .frm .fieldsearch fieldset input { margin-top: 0; }

/* 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 #afafaf; background: #dceaf2; font-weight: bold; color: #014c72; }
* html .frm .fieldcomms legend { margin: 5px 0 5px -6px; }
	
	/* image for edit */
	.image { width: 60px; margin-bottom: 10px; padding: 2px; border: 1px solid #eee; }
	
	/* form delete item */
	.delete_item {
		line-height: 20px; margin: 0 0 0 10px; padding: 0 0 3px 20px; background: url("../img/icons/delete-item.gif") no-repeat 0 0;
		vertical-align: top; color: #c10000;
	}
	
	/* message */
	.message { clear: both; margin: 0 0 0 170px; padding: 0; color: #b26b64; }
	* html .message { margin-top: 5px; margin-left: 0; }
	
	/* attention */
	.attention { clear: both; margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #ffe993; color: #FF6E00; }
	
	/* form tip */
	.form-tip { clear: both; margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #afafe0; color: #1259ba; }
	.form-tip span.required { font-weight: bold; color: #d90000; }
		
		/* common form tips */
		.message a, .form-tip a { color: #0b3189; }
		.message strong, .form-tip strong { color: #d90000; }
		.message img, .form-tip img, .attention img { vertical-align: middle; }