
/* folosit pentru afisarea erorilor din taguri, cand acestea primesc parametrii incorecti (for debug purposes) */
.error-tag {
	display:block;
	padding:10px;
	border:1px solid;
	font-weight:bold;
	color:red;
	background: #FFC;
}

/* folosite pentru mesaje generale, in functie de tip: erori, notificari, mesaje de succes */
.error-box,
.notice-box,
.success-box {
	padding:25px 20px 25px 70px;
	margin:10px 0;
	text-align:left;
	font-weight:bold;
	font-size:12px;
}

.error-box {
	border:1px solid red;
	color:#C11;
	background:#FFC url(../images/icon_error.jpg) no-repeat 10px 10px scroll;
}

.notice-box {
	border:1px solid;
	color:#236EB7;
	background:#FFF url(../images/icon_info.jpg) no-repeat 10px 10px scroll;
}

.success-box {
	border:1px solid;
	color:darkgreen;
	background: lightgreen url(../images/icon_success.gif) 10px 10px no-repeat scroll;
}

	.error-box a,
	.notice-box a,
	.success-box a {
		text-decoration:underline;
	}
/* end mesaje */

/* general form styles */
form {
	padding:0;
	margin:0;
	width:600px; /* good general width...*/
}

form div.fieldset-parent {
	position:relative;
}

	form fieldset {
		padding: 6px 0;
		margin:0;
		
	}

		form legend span {
			position:absolute;
			top:0;
			left:0;
			line-height:22px;
			text-indent:10px;
			font-weight:bold;
			font-size:14px;
		}

form ul {
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}

	form li {
		padding:0 0 5px 0;
		margin:0;
		width:100%; /* enclosing floats trick */
		overflow:hidden;
	}

	form li.text-field { }

	form li.password-field { }

	form li.file-field { }

	form li.text-area { }

	form li.checkbox-field { }

	form li.checkbox-field-no-label { }

	form li.checkbox-field-no-hint { }

	form li.select-field { }

	form li.date-field { }

	form li.color-field { }
	
	form li.autocomplete-field { }

	form li.multiple-checkbox-fields { }

	form li.radio-fields { }

	form li.captcha-field { }

	form li.buttons-group {
		padding-left:130px;
	}

		form li.buttons-group .button {
			margin-right:5px;
			padding:3px 7px;
			vertical-align:middle;
		}

		form label {
			float:left;
			width:120px;
			margin:0 10px 0 0;
			line-height:20px;
			vertical-align:middle;
			text-align:right;
			/*cursor:pointer;*/
		}

		form li.checkbox-field-no-label label {
			float:none;
			display:block;
			width:auto;
			margin:0 0 0 130px;
			text-align:left;
		}

		form li.text-field input,
		form li.password-field input,
		form li.password-field-with-strength input,
		form li.date-field input,
		form li.autocomplete-field input,
		form li.file-field input,
		form li.select-field select,
		form li.text-area textarea {
			float:left;
			padding:0;
			margin:0 10px 0 0;
			vertical-align:middle;
		}

		form li.text-field input,
		form li.password-field input,
		form li.password-field-with-strength input,
		form li.autocomplete-field input,
		form li.file-field input,
		form li.date-field input,
		form li.captcha-field input {
			width:150px;
			height:18px;
			line-height:18px;
			vertical-align:middle;
		}

		form li.captcha-field input {
			clear:both;
			float:left;
			display:inline;
			margin:5px 0 0 130px;
		}

		form li.captcha-field img {
			float:left;
		}

		form li.captcha-field a.refresh {
			float:left;
			margin:20px 0 0 10px;
		}

		form li.captcha-field a.refresh img { float:none; }

		form li.text-area textarea {
			overflow:auto;
		}
		
		form li.password-field-with-strength div.pstrength-bar,
		form li.password-field-with-strength div.pstrength-info {
			clear:both;
			margin:0 0 0 130px;
			width:200px;
		}

		form li.checkbox-field input,
		form li.checkbox-field-no-label input,
		form li.checkbox-field-no-hint input {
			float:left;
		}

		form li.radio-fields div,
		form li.multiple-checkbox-fields div {
			position:relative;
			width:100%;
			margin:0;
			padding:0;
		}

		form li.radio-fields fieldset,
		form li.multiple-checkbox-fields fieldset {
			padding:0;
			margin-left:130px;
		}

			form li.radio-fields legend span,
			form li.multiple-checkbox-fields legend span {
				width:120px;
				text-align:right;
				font-size:12px;
				font-weight:normal;
			}

			form li.radio-fields ul,
			form li.multiple-checkbox-fields ul {
				float:left;
				width:auto;
			}

			form li.radio-fields ul li,
			form li.multiple-checkbox-fields ul li {
				width:auto; /* IE fix */
			}

			form li.radio-fields fieldset label,
			form li.radio-fields fieldset label input,
			form li.radio-fields fieldset label span,
			form li.multiple-checkbox-fields fieldset label,
			form li.multiple-checkbox-fields fieldset label input,
			form li.multiple-checkbox-fields fieldset label span {
				float:none;
				text-align:left;
				vertical-align:middle;
				line-height:20px;
			}

			form li.color-field div.farbtastic {
				margin-left:130px;
			}

			form li.color-field input {
				width:200px;
			}

			form li.color-field p.error-field-message {
				margin-left:130px;
			}

			form span.access-key-char {
				text-decoration:underline;
			}

		form p.hint-message {
			clear:both;
			display:block;
			margin:0;
			padding:0 0 5px 130px;
		}

		form li.checkbox-field p.hint-message,
		form li.radio-fields p.hint-message,
		form li.multiple-checkbox-fields p.hint-message  {
			float:left;
			margin:0;
			padding:0;
			line-height:20px;
		}

		form p.error-field-message {
			float:right;
			width:300px;
			margin:0;
			padding:0;
			line-height:20px;
			vertical-align:middle;
			font-weight:bold;
			color:red;
		}

		form li.text-area p.error-field-message,
		form li.checkbox-field p.error-field-message,
		form li.checkbox-field-no-label p.error-field-message,
		form li.color-field p.error-field-message,
		form li.password-field-with-strength p.error-field-message {
			clear:both;
			float:left;
			display:inline; /*IE fix*/
			margin:0 0 0 130px;
		}

		form li.checkbox-field p.hint-message,
		form li.checkbox-field-no-label p.error-field-message { 
			clear:none; 
		}

		form li.radio-fields p.error-field-message,
		form li.multiple-checkbox-fields  p.error-field-message { 
			float:none;
			clear:both;
		}

		form li.captcha-field p.error-field-message {
			margin-top:5px; /* inaltimea imaginii din captcha */
		}

	form li.error-field { }

	form li.required-field { }

		form li.required-field label {
			font-weight:bold;
		}

			form li.required-field label em {
				font-weight:normal;
				color:red;
			}
/* end styles */
