@charset "utf-8";
/* CSS Document */
		form.cmxForm {
			margin:0;
			padding:10px;
		}		
		
		form.cmxForm textarea {
			font: normal normal 12px Arial, Helvetica, sans-serif;
			width:235px;
			height: 60px;
			margin: 0 0 8px 10px;
			color: #5e5e5e;
			float:left;
			border: 1px solid #cccccc;
			background-color:#f6f6f6;
		}
		
		form.cmxForm textarea:focus {
			border: 1px solid #cccccc;
			background-color:#fff;
			padding:5px;
			width:225px;
			height: 50px;
		}
		
		form.cmxForm select, 
		form.cmxForm select:focus{
			font: normal normal 12px Arial, Helvetica, sans-serif;
			margin: 0 0 8px 10px;
			padding-bottom: 2px;
			color: #977;
			float:left;
			width: 127px;
			height: 18px;
			background-color:#f6f6f6;
			border: 1px solid #c5c5c5;
		}
		
		form.cmxForm input[type="checkbox"], 
		form.cmxForm input[type="checkbox"]:focus 
		{
			float:left;
			width: auto;
			border:none;
			margin:0 0 0 10px;
			padding:0;
		}
		
		form.cmxForm input[type="file"], 
		form.cmxForm input[type="file"]:focus 
		{
			float:left;
			font: normal normal 12px Arial, Helvetica, sans-serif;
			color: #5e5e5e;
			margin: 0 0 8px 10px;
			height: 18px;
			width: 200px;
			border: 1px solid #cccccc;
			background-color:#f6f6f6;
		}
		
		form.cmxForm label.check{
			float:right;
			margin:0;
			width: 210px;
			padding:0;
		}
		
		form.cmxForm label {
			font: normal normal 12px Arial, Helvetica, sans-serif;
			text-align: left;
			width: 200px;
			padding-right: 5px;
			margin:0 0 2px 0;
			clear: left;
			display: block;
			color: #977;
		}
		
		form.cmxForm label.error{
			/* remove the next line when you have trouble in IE6 with labels in list */
			font: normal normal 12px Arial, Helvetica, sans-serif;
			width: 200px;
			padding-left: 25px;
			margin:2px 0 8px 5px;
			color:#ff686a;
			clear: both;
			text-align: left;
			background: transparent url("images/cross-trans.png") no-repeat 1% 50%;
		}
		
		form.cmxForm label.valid{
			width:15px;
			height:15px;
			float: left;
			clear: right;
			background: transparent url("images/tick-trans.png") no-repeat 1% 50%;
			padding-left: 25px;
			margin:2px 0 8px 10px;
		}
		
		div.error { display: none; }
		form.cmxForm input, 
		form.cmxForm input:focus,
		form.cmxForm input.error{
			float:left;
			font: normal normal 12px Arial, Helvetica, sans-serif;
			color: #5e5e5e;
			margin: 0 0 8px 10px;
			height: 15px;
			width: 150px;
		}
		
		form.cmxForm input {border: 1px solid #cccccc;width: 150px;background-color:#f6f6f6;}
		form.cmxForm input:focus { border: 1px solid #c5c5c5; height: 15px;width: 150px;background-color:#fff;}
		form.cmxForm input.error { border: 1px solid #ff686a; height: 15px;width: 150px;background-color:#fef8d9;}
		form.cmxForm input.valid { border: 1px solid #ff0000; height: 15px;width: 150px;}
		
		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, Helvetica, sans-serif;
			color:#977;
		}
		
		div.captcha{
			margin: 0 auto;
			width: 200px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			float:left;
			margin-left: 10px;
			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;
			width: 250px;
			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%;
			
		}
		form.cmxForm input.submitbutton[name="submitBtn"]{
			font-family: Tahoma,Arial, Helvetica, sans-serif;
			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%;
		}
		
		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%;
		}
		form.cmxForm input.resetbutton[value='Reset']{
			font-family: Tahoma,Arial, Helvetica, sans-serif;
			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%;
		}
		
		#ajaxresponse{
			float:none;
			width:250px;
			margin: 5px 10px 20px 10px;
		}
					
		.success {
			margin:0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			padding: 7px; 
			background-color: #fef8d9; 
			color: #ff686a; 
			border: 1px solid #eca; 
			display: block;
			min-height: 15px;
		}
		
		div.formHeader{
			clear:both;
			width:260px;
			height:18px;
			margin: 5px -10px;
			padding:2px 5px;
			background-color:#f5f5f5;
			color:#977;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
		}
		
		div.formImages{
			float:left;
			width: 250px;
		}
		
		#closeForm{
			float:right;
			background: #fff url('images/close.png') no-repeat 100% 0;
			width: 60px;
			cursor:pointer;
			margin-bottom:5px;
		}
		#closeForm span{
			float:left;
			margin: 0 3px 0 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight:bold;
			color:#5e5e5e;
		}