/******************************************************
** CONTACT FORM
******************************************************/

.fix {clear: both;}
.handHover {cursor: pointer;}
.dnone {display: none;}
.formBox input, .formBox textarea, .formBox select {	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}


.formExampleBody {
	direction: rtl; 
	text-align: right; 
	font-family: arial; 

}


#messageFld.error {
				border-right: 1px solid #CCCCCC;
				color: #CC0000;
				background-color: #fff;
				float: right;
				font-family: arial;
				font-size: 24px;
				font-weight: bold;
				line-height: 5px;
				margin: 3px 7px;
				padding: 15px 10px 15px;
}

#messageFld.success {
	border-right: 1px solid #CCCCCC;
	color: #006600;
	float: right;
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
	line-height: 5px;
	margin: 3px 7px;
	padding: 7px 5px 5px;
}


.formBox {
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	width: 90%; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
   -webkit-box-shadow: 0 0 2px 2px #666666;
       -moz-box-shadow: 0 0 2px 2px #666666;
   box-shadow: 0 0 2px 2px #666666;	
}

.formBox .inner {
	background: #333;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}

.formBox .formTitle {
				color: #E3C5F1;
				font-family: arial;
				font-size: 36px;
				height: 45px;
				font-weight: bold;
				margin: 0px;
				background-color: #000000;
}

.formBox input, .formBox textarea {
				background: #fff;
				border: 2px solid #ccc;
				color: #fff;
				font-family: arial;
				font-size: 14px;
				padding: 8px;
}

.formBox input:focus, .formBox textarea:focus {border: 2px solid #aaa;}

.formBox #senderName {background: url("img/user.png") no-repeat scroll 96% center transparent; padding-right: 25px;}
.formBox #senderEmail {background: url("img/email.png") no-repeat scroll 96% center transparent; padding-right: 25px;}
.formBox #senderPhone {background: url("img/phone.png") no-repeat scroll 96% center transparent; padding-right: 25px;}
.formBox #senderMsg {background: url("img/msg.png") no-repeat scroll 98% 5px transparent; padding-right: 25px;}

.formBox textarea {height: 94px;}

.formBox .submitBtn {
font-family:arial;
color:#FFFFFF !important;
font-size:36px;
font-weight: bold;
box-shadow:3px 3px 3px #000000;
padding:5px 15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#8BCB52;background:linear-gradient(top,ֲ  #8BCB52,ֲ  #6CAD34);background:-ms-linear-gradient(top,ֲ  #8BCB52,ֲ  #6CAD34);background:-webkit-gradient(linear, left top, left bottom, from(#8BCB52), to(#6CAD34));background:-moz-linear-gradient(top,ֲ  #8BCB52,ֲ  #6CAD34); -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.formBox .submitBtn:hover{
color:#FFFFFF !important;
background:#006600;background:linear-gradient(top,ֲ  #006600,ֲ  #60992E);background:-ms-linear-gradient(top,ֲ  #81BD4C,ֲ  #60992E);background:-webkit-gradient(linear, left top, left bottom, from(#81BD4C), to(#60992E));background:-moz-linear-gradient(top,ֲ  #81BD4C,ֲ  #60992E);}

/*****************************************
** CHRONE ONLY CSS
*****************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.formBox textarea {
		height: 105px !important;
	}
}



/*****************************************
** EZ CSS
*****************************************/
.brad5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/** POSITION ***/
.fleft {float: left;}
.fright {float: right;}
.relative {position: relative;}


/*** EASY PADDING ***/
.p0 {padding: 0% !important;}
.p3 {padding: 3% !important;}
.p5 {padding: 5% !important;}


/*** EASY MARGIN ***/
.m0 {margin: 0 !important;}
.m1 {margin: 1% !important;}
.m2 {margin: 2% !important;}
.m3 {margin: 3% !important;}
.m4 {margin: 4% !important;}
.m5 {margin: 5% !important;}

.mt0 {margin-top: 0 !important;}
.mt1 {margin-top: 1% !important;}
.mt2 {margin-top: 2% !important;}
.mt3 {margin-top: 3% !important;}
.mt4 {margin-top: 4% !important;}
.mt5 {margin: 3% !important;}
.mt7 {margin-top: 7% !important;}

.ml0 {margin-left: 0 !important;}
.ml1 {margin-left: 1% !important;}
.ml2 {margin-left: 2% !important;}
.ml3 {margin-left: 3% !important;}
.ml4 {margin-left: 4% !important;}
.ml5 {margin-left: 5% !important;}

.mr0 {margin-right: 0 !important;}
.mr1 {margin-right: 1% !important;}
.mr2 {margin-right: 2% !important;}
.mr3 {margin-right: 3% !important;}
.mr4 {margin-right: 4% !important;}
.mr5 {margin-right: 5% !important;}

.mb0 {margin-bottom: 0 !important;}
/**padding/margin***/
.mb1 {padding-bottom: 1% !important;}
.mb2 {margin-bottom: 2% !important;}
.mb3 {margin-bottom: 3% !important;}
.mb5 {margin-bottom: 5% !important;}

.w40 {width: 40% !important;}
.w60 {width: 60% !important;}
.w100 {width: 100% !important;}