@charset "utf-8";
/* CSS Document */
		
		form.cmxForm {
			width:450px!important;
			width:450px;
			padding-top: 10px;
		}		
		
		form.cmxForm textarea {
			font: normal normal 12px Arial,Verdana;
			width:200px;
			height: 100px;
			margin: 0 0 8px 10px;
			color: #5e5e5e;
			float:left;
			border: 1px solid #cccccc;
			background-color: #fdfdf7;
		}
		
		form.cmxForm select, select:focus{
			font: normal normal 12px Arial,Verdana;
			margin: 0 0 8px 10px;
			color: #eee;
			float:left;
			width: 127px;
			height: 18px;
		}
		
		form.cmxForm label {
			font: normal normal 12px Arial,Verdana;
			text-align: right;
			width: 100px;
			padding-right: 5px;
			margin:0 0 8px 0;
			float: left;
			clear: left;
			display: block;
			color: #eee;
		}
		
		form.cmxForm label.error{
			/* remove the next line when you have trouble in IE6 with labels in list */
			font: normal normal 12px Arial,Verdana;
			width: 150px;
			padding-left: 25px;
			margin:2px 0 8px 5px;
			color:#CC0000;
			float: left;
			clear: right;
			text-align: left;
			background: transparent url("../images/cross-trans.png") no-repeat 1% 50%!important;
			background-image: url("../images/cross-trans.png");
		}
		
		form.cmxForm label.valid{
			width:15px;
			height:15px;
			float: left;
			clear: right;
			background: transparent url("../images/tick-trans.png") no-repeat 1% 50%!important;
			background-image: url("../images/tick.png");
			padding-left: 25px;
			margin:2px 0 8px 10px;
		}
		
		div.error { display: none; }
		form.cmxForm input,input:focus,input.error{
			float:left;
			font: normal normal 12px Arial,Verdana;
			color: #3e3e3e;
			margin: 0 0 8px 10px;
			height: 15px;
			width: 100px;
		}
		
		form.cmxForm input {border: 1px solid #cccccc;width: 100px; }
		form.cmxForm input:focus { border: 1px solid #3e3e3e; height: 15px;width: 100px;}
		form.cmxForm input.error { border: 1px solid #cc0000; height: 15px;width: 100px;}
		form.cmxForm input.valid { border: 1px solid #ff0000; height: 15px;width: 100px;}
		
		form.cmxForm select.error { border: 1px solid #fbc2c4; height: 15px;height:18px;}
		form.cmxForm select.valid { border: 1px solid #ff0000; height: 15px;}
		
		/* ----- error message for field validation ----- */
		form.cmxForm label.required{
			font: normal normal 12px Arial,Verdana;
			color:#eee;
		}
						
		.success {
			padding: 7px; 
			background-color: #fef8d9; 
			color: #977; 
			border: 1px solid #eca; 
			display: block;
			min-height: 15px;
		}
		
		div.captcha{
			margin: 0 auto;
			width: 200px;
			font-family: Tahoma,Arial,Verdana;
			font-size: 12px;
			float:left;
			margin-left: 115px!important;
			margin-left: 40px;
			margin-bottom: 10px;
		}
		div.captcha img{
			border: none;
			margin-right: 10px;
		}
		div.captcha a{
			color: #5e5e5e;
			text-decoration: underline;
		}
		div.captcha a:hover{
			color: #9e9e9e;
			text-decoration: none;
		}
		
		div.butoane{
			margin: 0 auto!important;
			margin: 0 auto;
			width: 300px;
			float:none;
			clear:both;
		}
		div.btnsubmit{
			float:left;
			margin: 10px;
		}
		
		form.cmxForm input.submitbutton{
			width:80px;
			height:25px;
			border:1px solid #dedede;
			background: #f5f5f5 url("../images/tick-trans.png") no-repeat 5% 50%!important;
			background: #f5f5f5 url("../images/tick-trans.png") no-repeat 5% 50%;
			background-position: 5% 50%;
		}
		form.cmxForm input.submitbutton[value='Trimite']{
			font-family: Tahoma,Arial,Verdana;
			font-size: 13px;
			font-weight: bold;		
			color:#529214;
			padding: 2px 0 5px 15px;
		}
		form.cmxForm input.submitbutton:hover{
			border:1px solid #C6D880;
			cursor:pointer;
			background: #E6EFC2 url("../images/tick-trans.png") no-repeat 5% 50%!important;
			background: #E6EFC2 url("../images/tick-trans.png") no-repeat 5% 50%;
		}
		
		div.btnreset{
			margin: 10px;	
			float:left;
		}
		form.cmxForm input.resetbutton{
			width:80px;
			height:25px;
			border:1px solid #dedede;
			background: #f5f5f5 url("../images/cross-trans.png") no-repeat 5% 50%!important;
			background: #f5f5f5 url("../images/cross-trans.png") no-repeat 5% 50%;
		}
		form.cmxForm input.resetbutton[value='Reset']{
			font-family: Tahoma,Arial,Verdana;
			font-size: 13px;
			font-weight: bold;		
			color:#d12f19;
			padding: 2px 0 5px 15px;
		}
		form.cmxForm input.resetbutton:hover{
			border:1px solid #fbc2c4;
			cursor:pointer;
			background: #fbe3e4 url("../images/cross-trans.png") no-repeat 5% 50%!important;
			background: #fbe3e4 url("../images/cross-trans.png") no-repeat 5% 50%;
		}
		
		#ajaxresponse{
			float:none;
			width:380px;
			margin: 5px 25px 20px 25px!important;
			margin: 5px 20px 20px 30px;
			padding: 7px; 
		}