/********************************************************************

Project: Formee - http://www.formeeee.org
Last Updated: 
Version: 3.1
Authors: Bernard De Luna - http://www.bernarddeluna.com
         Daniel Araujo - http://www.dnlaraujo.com.br
		 Marcello Manso - http://www.marcellomanso.com.br
			 
********************************************************************
Style
********************************************************************/

.formee fieldset {
	background:#EFEFEF;
}
fieldset.open_clos{ background:#fff;border: 0 none;padding-bottom: 0 !important;}
.open_clos .faq{padding:3px 10px 3px 9px; margin:-18px 0 23px; float:right;}
.open_clos .faq span{font-size:22px;font-weight: bold;margin-top: 14px;padding-left: 5px;}
.open_clos .answer p{ width:99%; float:right;}
/* hover effect */
.grid-1-12:hover, .grid-2-12:hover, .grid-3-12:hover, .grid-4-12:hover, .grid-5-12:hover, .grid-6-12:hover, .grid-7-12:hover, .grid-8-12:hover, .grid-9-12:hover, .grid-10-12:hover, .grid-11-12:hover, .grid-12-12:hover {}
.field-button:hover {background:transparent;}


/* Form legend and titles */

.formee {font: normal 10px/1.1em 'GESSTwoLight',Tahoma,Arial,Sans-Serif;}
.formee legend, .formee h3 {
   background: none repeat scroll 0 0 #000000;
    border-radius: 106px 0 0 106px;
    clear: both;
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2em;
    padding: 11px 15px 8px 50px;
    position: absolute;
    right: -30px;
    text-align: right;
    top: -48px;
}

.icon{position: relative;top: 3px;right:10px;}

.seperator {
	border-bottom:1px solid #eeeeee;
	height:1px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	clear:both;
}

/* form elements  */
.formee-lbl, .formee label {
  color: #2B2B2B;
    float: right;
    font-size:14px;
    line-height: 2.7em;
    margin-left: 10px;
    vertical-align: middle;
	width:90px; text-align:left
}

/*label.title {
	color:#666;
}*/

.formee-req {
	font-weight: bold;
	font-style:normal;
	color:#d10000;
	font-size:1.2em;
	line-height: .85em;
}
.formee .formee-txt, .formee input[type="text"], .formee input[type="password"], .formee input[type="file"], .formee textarea, .formee select {
	background: #fafafa;
	color:#999;
	font-size:1.2em;
	font-family:'GESSTwoLight';
	border:1px solid #CCCCCC;
}
.formee select {
	background: #fafafa;
}
.formee .formee-txt:hover, .formee input[type="text"]:hover, .formee input[type="password"]:hover, .formee input[type="file"]:hover, .formee textarea:hover, .formee select:hover {
	color:#666;
	background: #fff none;
	border-color:#c6c6c6;
}
form .formee-txt:focus, .formee input[type="text"]:focus, .formee input[type="password"]:focus, .formee input[type="file"]:focus, .formee textarea:focus, .formee select:focus  {
	color:#333;
	background: #fff none;
	border-color:#A63436;
	outline: 0;
}


/* form msg status  */
.formee-msg-info, .formee-msg-warning, .formee-msg-error, .formee-msg-success {
	color:#2b2b2b;
	/*corner*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.formee-msg-info h3, .formee-msg-warning h3, .formee-msg-error h3, .formee-msg-success h3 {
	font-size:2em;
	line-height:1.1em;
	letter-spacing:-.02em;
	padding:0;
	margin:0 0 .3em 0;
}
.formee-msg-info {
	background: #d1ecf7 url(http://elwafeyat.com/assets/img/form-ic-info.png) no-repeat 12px 23px;
	border-color:#bcdfef;
}
.formee-msg-warning {
	background: #fff6bf url(http://elwafeyat.com/assets/img/form-ic-warning.png) no-repeat 12px 23px;
	border-color:#fceb77;
}
.formee-msg-error {
	background: #fad0d0 url(http://elwafeyat.com/assets/img/form-ic-error.png) no-repeat 12px 23px;
	border-color:#f6abab;
}
.formee-msg-success {
	background: #e5f8ce url(http://elwafeyat.com/assets/img/form-ic-success.png) no-repeat 12px 23px;
	border-color:#d0f1a6;
}

.formee-msg-success strong, .formee-msg-success a{color:#62b548;}
.formee-msg-info strong, .formee-msg-info a {color:#11689e;}
.formee-msg-warning strong, .formee-msg-warning a {color:#957210;}
.formee-msg-error strong, .formee-msg-error a {color:#b01717;}

/* form validation */
.formee-error {
	border-color: #FAD0D0 !important;
	color: #b01717 !important;
  /* shadow */
  -moz-box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
  -webkit-box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
  box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
}

/* form buttons 
.formee-button, .formee input[type="submit"], .formee input[type="button"], .formee input[type="reset"] {
  font-size:1.4em;
  line-height:1.4em;
  font-weight:bolder;
  text-transform: uppercase;
  letter-spacing: -.015em;
  color:#fff;
  border-color:#3a77a4;
  background:#5393c2;
  /* gradient
  background: -moz-linear-gradient(top, #5393c2 40%, #3a77a4);
  background: -webkit-linear-gradient(top, #5393c2 40%, #3a77a4);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5393c2', endColorstr='#3a77a4');
  /* corner 
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* shadow 
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
}
.formee-button:hover, .formee input[type="submit"]:hover, .formee input[type="button"]:hover, .formee input[type="reset"]:hover {
  background:#70aedd;
  /* gradient 
  background: -moz-linear-gradient(top, #70aedd 40%, #69a4d0);
  background: -webkit-linear-gradient(top, #70aedd 40%, #69a4d0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#70aedd', endColorstr='#69a4d0');
  /* shadow 
  -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  box-shadow:  0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
}*/

input.na3i-radio{ float:right; margin:14px 0 0 10px;}
select.surname{ width:24%;float: right;margin-left: 10px;}
.grid-7-12 input{ width:65% !important;}
.grid-5-12 label{ width:auto; text-align:right;}
.dead_m .formee-small{ margin:0 0 0 10px;width: 24% !important;}
.open_clos .upload{float: right;
padding: 5px !important;
text-align: right;
width: 75% !important;}
/*.answer{ border-top:1px solid #DEDEDE;}*/	
p.related-dead{ border: 1px solid #D4D4D4;
margin: -3px 100px 10px 0;
padding-right: 21px;
padding-top: 19px;
width: 75.9% !important; border-top:0px; border-left:0px;}
.dead_m .related-dead  input{ width:21.3% !important;}
.dead_m .related-dead label{ width:48px;}
p.add_more{  background: none repeat scroll 0 0 #DEDEDE;
border-radius: 0 5px 5px 0;
color: #666666;
float: left !important;
font-size: 16px;
margin: 7px 0 7px -7px;
padding: 13px 10px;
text-align: left;
width: 13% !important;}	
.MoreData{    border-bottom:1px solid #DEDEDE;
color: #666;
display: flex;
float: right;
font-size: 16px;
margin: 0 0 38px;
padding-bottom: 5px;
width: 100%;}
.al3azi{ width:100%;margin-right: 20px;}		
.al3azi textarea{ width:94%;}
.addres{ margin-top:15px;}
.addres input{ float:right; width:79% !important;}
.Btns{margin: 10px auto;
text-align: left;
width: 92%;}
.Select_type, .preveiw, .pay, .arkam{   background: none repeat scroll 0 0 #EFEFEF;
border-bottom: 3px solid #D4D4D4;
float: right;
margin: 0 22px 10px;
padding: 17px 40px 0;
position: relative;
width: 83%;}
.arkam{margin:18px;padding:0;width:94%; background:none; border:none;}
.pay{ padding:35px 40px;width: 84%;}	
.pay_mosh .pricing_box.large{ width:500px; float:none; margin:0 auto;}
.Select_type .na3iBar{ float:left;}
.preveiw .na3iBar{ float:none;margin: 0 auto;}
.Select_type .na3iBar li{ margin-bottom:65px;}	
.pack, .pack2, pack3{  background: none repeat scroll 0 0 #E2E2E2;
border: 1px solid #FFFFFF;
color: #000000;
font-size: 35px;
padding: 10px 33px;
position: absolute;
right: 0;
top: 48px;}
.pack2{ top:500px;}
.pack3{ top:720px;}		
.pack_radio {  background: url("http://elwafeyat.com/assets/images/radio-check.png") no-repeat scroll 5px 6px rgba(0, 0, 0, 0);
float: right;
margin-left: 10px;
margin-top: 0;
padding: 18px;}	
fieldset.addMoshtra{padding: 18px 18px 22px; margin-top: 30px;}	
.addMoshtra .grid-5-12{ width:32%;}
.addMoshtra .addres	{ width:80%;}
.addMoshtra .addres label{ width:60px;}
.addMoshtra .addres input{ width:73% !important;}
.addMoshtra .al3azi{ margin-top:15px;}