@charset "utf-8";
/* CSS Document */
body{
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
/*	background:url(../images/bg.png); */
	word-spacing:break-word;
}
h1,h2,h3{margin:0; padding:0px; word-spacing:-1px; color:#000; }
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:16px;}
p{margin:0; padding:0px;}
a{text-decoration:none; /* color:#D1B460;  outline:none;  font-size:14px; */}
a img{border:none;}
a img:hover{opacity: 0.9; filter: alpha(opacity = 90);}
intput:focus{outline:none;}
intput{outline:none;border:none;}

/****************************Header-Footer***************************************/
#header{
	width:100%;
	background:#3CB878;
}
#headerWraper{
	width:995px;
	margin:0 auto;
}
#footer{
	display:block;
	padding:31px 0px;
	text-align:center;
	color:#FFF;
	background:#3CB878;
	font-size:12px;
	 -webkit-border-bottom-right-radius: 12px;
          border-bottom-right-radius: 12px;
 -webkit-border-bottom-left-radius: 12px;
          border-bottom-left-radius: 12px;
  background-clip: padding-box;
}
/****************************Header-Footer-End***************************************/
/****************************Home***************************************/
#Wraper{
	width:995px;
	margin:0 auto;
	padding:28px 0px 10px 0px;
}
.introContainer{
	padding:30px 25px 92px 25px;
	background:#FFF;
	
	
  -webkit-border-top-right-radius: 12px;
          border-top-right-radius: 12px;
 -webkit-border-top-left-radius: 12px;
          border-top-left-radius: 12px;
  background-clip: padding-box;

}
.introContainer3{
	padding:30px 25px 36px 25px;
/*	background:#FFF;
	background-image: url(../images/bg_image.png);
	background-repeat:no-repeat;
	background-position:219px 150px;
	
  -webkit-border-top-right-radius: 12px;
          border-top-right-radius: 12px;
 -webkit-border-top-left-radius: 12px;
          border-top-left-radius: 12px;
  background-clip: padding-box;
*/
   background: url("../images/bg_image.jpg") repeat;
}

.introContainer2{
	padding:30px 25px 92px 25px;
	background:#FFF;
	
  -webkit-border-top-right-radius: 12px;
          border-top-right-radius: 12px;
 -webkit-border-top-left-radius: 12px;
          border-top-left-radius: 12px;
  background-clip: padding-box;

}

.introContainer1{
	padding:30px 25px 180px 25px;
	background:#FFF;
	background-image: url(../images/bg_image.png);
	background-repeat:no-repeat;
	background-position:right 127px ;
	
  -webkit-border-top-right-radius: 12px;
          border-top-right-radius: 12px;
 -webkit-border-top-left-radius: 12px;
          border-top-left-radius: 12px;
  background-clip: padding-box;

}
.introContent2
{
	text-align:center;
}
.introContent2 h3{
		display:block;
		color:#111111;
		font-size:16px;
		padding-bottom:17px;
	}
.introContent2 p{
		display:block;
		color:#555555;
		font-size:12px;
		line-height:21px;
/*		padding-bottom:50px; */
		
	}	
	
.introContent{
	width:440px;
}
.introContent h3{
		display:block;
		color:#111111;
		font-size:16px;
		padding-bottom:17px;
	}
.introContent p{
		display:block;
		color:#555555;
		font-size:12px;
		line-height:21px;
		padding-bottom:50px;
		
	}
.introContent1 p{
		display:block;
		color:#555555;
		font-size:12px;
		line-height:21px;
		padding-bottom:50px;
		padding-top:20px;
	}
	
.registerUrComplaint{
	width:390px;
	opacity:0.8;
	min-height:270px;
	background:#fafafa;
	margin:0 auto;
/*	border:1px solid #d7d7d7; */
	-webkit-border-radius: 8px;
    border-radius: 8px;
	background-clip: padding-box;
}
	.registerUrComplaint h2{
		display:block;
		background:#CED3CB;
		border-bottom:1px solid #d7d7d7;
		padding:15px 14px 10px 14px;
		font-size:14px;
		 -webkit-border-top-right-radius: 8px;
          border-top-right-radius: 8px;
 -webkit-border-top-left-radius: 8px;
          border-top-left-radius: 8px;
  background-clip: padding-box;
	}
	.registerUrComplaint h2 img{float:right; margin-top:-5px;}
.hajjAplication{
	width:338px;
	margin:0 auto;
	padding-top:10px;
	 font-size: 16px;

}
	.hajjAplication span{
		display:block;
		font-size:12px;
		font-weight:bold;
		color:#555555;
		padding-bottom:8px;
	}
	.hajjAplication span img{float:right; margin-top:-2px;}
	.hajjAplication a {
		display:block;
		font-size:14px;
		color:#FFF;
		font-weight:bold;
		padding:11px 18px 10px 18px;
		-webkit-border-radius: 3px;
          border-radius: 3px;
		  background-clip: padding-box;
	
  background-color: #d2ad45;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d2ad45), to(#bb9a3d));
  background-image: -webkit-linear-gradient(top, #d2ad45, #bb9a3d);
  background-image:    -moz-linear-gradient(top, #d2ad45, #bb9a3d);
  background-image:      -o-linear-gradient(top, #d2ad45, #bb9a3d);
  background-image:         linear-gradient(to bottom, #d2ad45, #bb9a3d);
	}
	.hajjAplication a img{float:right; margin-top:-3px;}
	.hajjAplication a:hover{background: #d2ad45;}
.textBox{
	width:326px;
	height:35px;
	outline:none;
	padding:0px 5px;
	border:1px solid #d7d7d7;
	-webkit-border-radius: 4px;
          border-radius: 4px;
		  background-clip: padding-box;
	
/*  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#FFF));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #FFF);
  background-image:    -moz-linear-gradient(top, #f7f7f7, #FFF);
  background-image:      -o-linear-gradient(top, #f7f7f7, #FFF);
  background-image:         linear-gradient(to bottom, #f7f7f7, #FFF);
*/
}
.textBox:focus{outline:none;}
.orContainer{
	width:62px;
	float:left;
	padding-top:110px;
	margin-bottom:100px;
}
.Or{
	width:60px;
	height:42px;
	border:1px solid #d7d7d7;
	-webkit-border-radius: 60px;
          border-radius: 60px;
		  background-clip: padding-box;
	display:block;
	text-align:center;
	color:#959595;
	font-size:25px;
	padding-top:18px;
	margin-bottom:55px;
}
/****************************Home-End***************************************/
/****************************Complaint-Form***************************************/
.ComplaintForm{
	width:840px;
	margin:0 auto;
}
.Sectionzero{
	width:840px;
	margin:0 auto;
	height:100px;
}
.Sectionone{
	width:840px;
	margin:0 auto;
	height:500px;
}
.Sectiontwo{
	width:840px;
	margin:0 auto;
	height:323px;
}
.personalInfo{
	display:block;
/*	background:#f5f5f5; */
	padding:17px 17px 17px 17px;
	color:#3CB878;
}
.launchcomplaint
{
	display:block;
/*	background:#f5f5f5; */
	padding:17px 17px 17px 17px;
	color:#3CB878;
}
.picBox{
	width:44px;
	height:44px;
	float:left;
	background:url(../images/pic_bg.png) no-repeat;
}
.infoName{
	width:215px;
	padding:10px 0px 0px 16px;
	float:left;
	font-size:18px;
	color:555555;
}
.fatherName{
	display:inline-block;
	padding:0px 35px;
	float:left;
	margin-top:5px;
	font-size:12px;
	color:555555;
	border-right:1px solid #d7d7d7;
}
	.fatherName b{display:block; padding-bottom:10px;}
.selectCatagory{
	display:block;
	padding:20px 0px;
	font-size:14px;
	color:#555555;
	font-weight:bold;
}
.selectCatagory img{float:right; margin-top:-5px;}
.bult{
	width:14px;
	height:14px;
	background:#23998d;
}
.complaintCatagory{
	display:block;
	border:1px solid #d7d7d7;
	background-color: #FFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #FFF, #f4f4f4);
  background-image:    -moz-linear-gradient(top, #FFF, #f4f4f4);
  background-image:      -o-linear-gradient(top, #FFF, #f4f4f4);
  background-image:         linear-gradient(to bottom, #FFF, #f4f4f4);
}
.prehajj{
	width:218px;
	min-height:155px;
	padding:20px 30px 0px 30px;
	float:left;
	border-right:1px solid #d7d7d7;
}
	.prehajj h3{
		display:block;
		font-size:16px;
		line-height:16px;
		padding-bottom:11px;
	}
	.prehajj p{
		display:block;
		font-size:12px;
		color:#555555;
		line-height:20px;
		text-align:justify;
		padding:0px 0px 6px 23px;
	}
	.prehajj p img{width:100%;}
.issuForm_Heading{
	width:450px;
	margin:0 auto;
	padding:0px 0px 20px 0px;
	float: left;
}
.issuForm{
	width:720px;
	margin:0 auto;
	padding:0px 0px 20px 0px;
}
.FormButton{
	width:720px;
	margin:0 auto;
	padding:15px 0px 20px 0px;
}

.issuFormPanel{
	width:338px;
}


.dropDown
{
	
	width:338px;
	height:35px;
	outline:none;
	padding:5px;
	border:1px solid #d7d7d7;
	-webkit-border-radius: 4px;
          border-radius: 4px;
		  background-clip: padding-box;
   background: #f7f7f7;
}
.textArea{
	width:326px;
	height:110px;
	outline:none;
	padding:5px;
	resize:none;
	border:1px solid #d7d7d7;
	-webkit-border-radius: 4px;
          border-radius: 4px;
		  background-clip: padding-box;
	
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#FFF));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #FFF);
  background-image:    -moz-linear-gradient(top, #f7f7f7, #FFF);
  background-image:      -o-linear-gradient(top, #f7f7f7, #FFF);
  background-image:         linear-gradient(to bottom, #f7f7f7, #FFF);

}
.textArea:focus{outline:none;}
/****************************Complaint-Form-End***************************************/
.thankYou{
	display:block;
	text-align:center;
	padding-top:20px;
}
	.thankYou h3{
		display:block;
		font-size:16px;
		line-height:16px;
		padding-bottom:25px;
	}
	.thankYou h3 span{font-weight:normal; color:#555555;}
	.thankYou p{
		display:block;
		font-size:12px;
		color:#555555;
		line-height:20px;
		padding:0px 0px 15px 0px;
	}
	.thankYou a{color:#0072bc;}
	.thankYou a:hover{text-decoration:underline;}
.ComplaintNo{
	display:block;
	color:#23998d;
	font-size:36px;
	line-height:36px;
	padding:20px 0px;
}
.fatherName1{
	width:172px;
	padding:0px 0px 0px 25px;
	float:left;
	margin-top:10px;
	font-size:12px;
	color:555555;
	margin-bottom:30px;
	border-right:1px solid #d7d7d7;
}
	.fatherName1 b{display:block; padding-bottom:10px;}
.middle_text{
	display:block;
	padding:20px 0px;
	text-align:center;
	font-size:15px;
	color:#555555;
	line-height:23px;
	background:#FFF;
	margin-right:17px;
}
.trackingNo{
	display:block;
	padding-bottom:20px;
	font-size:18px;
	color:#555555;
	line-height:23px;
	margin:0px 17px 20px 0px;
	border-bottom:1px solid #d7d7d7;
}
	.trackingNo span{
		color:#23998d;
		margin-left:20px;
		display:inline-block;
	}
	.trackingNo a{color:#0072bc; float:right; margin:8px 0px 0px 20px; font-size:12px;line-height:12px;}
	.trackingNo a img{vertical-align:middle; margin-right:6px;}
	.trackingNo a:hover{text-decoration:underline;}
/******************Additional_Classes**********************/
.margin_t{margin-top:10px;}
.margin_t89{margin-top:10px;}
.margin_r{margin-right:15px;}
.margin_r5px{margin-right:5px;}
.margin_b{margin-bottom:10px;}
.margin_l{margin-left:15px;}
.float_left{/* float:left; */}
.float_right{float:right !important;}
.border_non{border:none !important;}
.margin_r_zero{margin-right:0px !important;}
.margin_t3px{margin-top:3px;}
.text_center{text-align:center;}
.bg_none{background:none !important;}