@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);





li {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 14px; vertical-align: baseline;
}

p {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-size: 14px; vertical-align: baseline;
}

ul {
	margin: 0px; /*padding: 0px;*/ border: 0px currentColor; border-image: none; font-size: 14px; vertical-align: baseline;
}

li {
	list-style: none; display: inline;
}

table {
	border-collapse: collapse; border-spacing: 0;
}
a:active {
	outline: 0px;
}
a:hover {
	outline: 0px;
}
* {
	box-sizing: border-box; -moz-box-sizing: border-box;
}



/* ==========================================================================
   IPA PORTAL
   ========================================================================== */
html, body {
  	font-family: 'Droid Arabic Kufi', verdana;
	background-image:url(../img/back.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	background-attachment:fixed;
	direction:rtl !important;
	text-align: right;
	outline:none;}
 .ms-backgroundImage{
	background-image:url(../img/back.jpg);

}

.header{
	display:block;
	width:100%;
	}

.logo{
	display:inline-block;
	float:right;
	padding:15px 0;
	max-width:100%;}
.left_header{
	display:inline-block;
	float:left;
	padding:15px 0;
	width:600;}
.sub_nav{
	display:block;
	margin-bottom:10px;}
.mail{
	display:inline-block;
	float:left;
	text-align:left;
	margin-right:10px;}
.mail_btn {
height: 32px;
	display:inline-block;
	background-color:#257678;
	color:#93c7c5;
	padding:8px 9px 8px 9px;
	border:none;
	border-top:2px solid #257678;
	border-left:2px solid #257678;}
	
.mail_btn:hover {
    padding:8px 9px 8px 9px;
	border-top:2px solid #1e6062;
	border-left:2px solid #1e6062;
	color:#FFF;
	text-decoration:none;
	background-color: #257678;
}
.mail_btn:visited
{
	color: #93c7c5;
}
.mail_btn:hover{
	color:#FFF;

	
}

.search{
	display:inline-block;
	float:left;
	text-align:left;
	}
.search_inpt , .search  input.ms-helperText ,.ms-srch-sb .ms-srch-sb-border , .ms-srch-sb-borderFocused{
	display:inline-block;
	background-color:#d5e0e0;
	color:#257678;
	padding:0 10px;
	border:none;
	border-top:2px solid #d5e0e0;
	border-left:1px solid #d5e0e0;
	width:180px;
	height:31px;}

	.ms-srch-sb-searchLink{
	display:none
}
.ms-srch-sb-border{
	border:none !important;
}
.social{
	display:block;
	clear:both;
	text-align:left;
	margin-top:50px;}
.social ul li a {
    display:inline-block;
    width: 39px;
    height: 38px;}
.social ul li{
	margin-right:5px;
	padding:0;}
	
.google {
    background: url('../img/SprtPNG.png') no-repeat -132px 0;
   }
 
 .google:hover{
    background: url('../img/SprtPNG_over.png') no-repeat -132px 0;

   }
   
.Rss {
    background: url('../img/SprtPNG.png') no-repeat -263px 0;
}
.Rss:hover {
    background: url('../img/SprtPNG_over.png') no-repeat -263px 0;

}
.Youtube {
    background: url('../img/SprtPNG.png') no-repeat 0 0;
}
.Youtube:hover {
    background: url('../img/SprtPNG_over.png') no-repeat 0 0;

}

.Linden {
    background: url('../img/SprtPNG.png') no-repeat -45px 0;
}
.Linden:hover {
    background: url('../img/SprtPNG_over.png') no-repeat -45px 0;

}
.instagram {
    background: url('../img/SprtPNG.png') no-repeat -219px 0;
}
.instagram:hover {
    background: url('../img/SprtPNG_over.png') no-repeat -219px 0;

}
.twitter {
    background: url('../img/SprtPNG.png') no-repeat -175px 0;
}
.twitter:hover {
    background: url('../img/SprtPNG_over.png') no-repeat -175px 0;

}
.facebook {
    background: url('../img/SprtPNG.png') no-repeat -88px 0;
}
.facebook:hover {
    background: url('../img/SprtPNG_over.png') no-repeat -88px 0;

}

		
.main_nav{
	display:block;
	width:100%;
	background-image:url(../img/nav_back.png);
	}
.navbar {
	display:block;
  	margin-bottom: 0;
  	border-bottom:4px solid #a18a66;
  	border-radius:0;
	background-image:url(../img/nav_back.png);}

/*			
.sub_nav ul li a {
    padding: 0 10px 5px 10px;
    display: inline-block;
    font-size: 13px;
    color: #9fece9;
	background-image:url(../img/nav_back.png);
	border-radius:5px;
	border-top:2px solid #459396;
	border-left:2px solid #459396;
}

.sub_nav ul li a:active {
    text-decoration: underline;
	color: #c5d36a;
}

.sub_nav ul li a:hover {
    text-decoration: underline;
	color: #c5d36a;
	background-image:url(../img/nav_back2.png);
	border-radius:5px;
	border-top:2px solid #2f6b69;
	border-left:2px solid #2f6b69;
}

.sub_nav ul li a:visited {
    color: #9fece9;
    text-decoration: none;
}
*/


.sub_nav ul li a {
    padding: 0 12px 5px 7px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	background-position:right;
}

.sub_nav ul li a:active {
    text-decoration: underline;
	color: #c5d36a;
}

.sub_nav ul li a:hover {
    text-decoration: underline;
	/*color: #c5d36a;*/

}

.sub_nav ul li a:visited {
    color: #fff;
    text-decoration: none;
}



	
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
	color:#FFF !important;}

.navbar-nav>li>a:hover {
 
	color:#555 !important;}
	

	.events_box a, events_box a:active, .events_box  a:visited
	{
	    color: #535353;
	}
	.events_box a:hover {
    color: #3d9a9c;
}
.services_sec div.item
{
	padding:0 !important;
	clear:none !important ;
}

	
#slides{
display:none;
visibility:hidden;
	width:100%;
	background-image:url(../img/slider_back.jpg);}


.banner_div{
	display:none;
	visibility:hidden;
	width:100%;
	background-image:url(../img/banner_dev_back.jpg);
	border-bottom:5px solid #9ad6d3;}

.word_con{display:inline-block;

float:left;
height:283px;

padding:10px 10px 10px 0;
}
	
.banner_con{display:inline-block;
	float:right;
	height:283px;
	

	padding:0;
}
		
.banner{display:block;
	width:100%;
	background-image:url(../img/v_line.png);
	background-repeat:repeat-y;
	padding:5px 15px;
	text-align: center;
	direction:ltr;}	
.banner img{
	max-width:100%;}
	
.word_data{display:inline-block;
	float:right;
	
	padding:0 0 0 15px;
	
	}
.word_title{color:#ccb37e;
font-size:16px;
margin-bottom:10px;
line-height:30px;}
.word_text{
	color:#FFF;
	text-align:justify;
	line-height:28px;}
.word_more{
	color:#54cacd;}
.word_photo{

	display:inline-block;
	float:left;
	padding:0;
	text-align:center;
	}
.word_photo img{
	max-width:80%;}
.word_name{
	display:inline-block;
	width:100%;
	color:#FFF;
	font-size:10px;
	text-align:center;
	margin-top:10px;}
.dr_name{
	display:block;
	color:#ccb37e;
	clear:both;
	font-size:12px;
	margin:5px 0;}	
	
.baner_line{
	padding:0; border-right:1px dashed #FFFFFF; border-left:1px dashed #FFFFFF;
	}
@media (min-width: 1200px){
	
	.word_con{


width:425px;

}
	
.banner_con{
	max-width:740px;

}
	}

@media (min-width: 992px) and (max-width: 1199px){
	.word_con{


height:260px;

}
	
.banner_con{
	height:260px;

}
.word_text{
font-size:13px;
	line-height:23px;}
.word_title{
font-size:16px;

line-height:26px;}
.word_data{display:inline-block;
	float:right;
	
	padding:0;
	
	}
	

	}


	
@media (max-width: 991px){
	
	.word_con{
		height:auto;

display:block;
min-width:100%;
overflow:auto;

padding:10px 10px 10px 0;
}
	
.banner_con{
	display:block;
	min-width:100%;
	height:auto;
	border-top:1px dashed #FFFFFF;
	padding:0;
}
.banner{
	background-image:none;
	direction:ltr;
}	

.baner_line{
	border:none;
	}
	
	}


.content_page{
	margin-top:10px;
	background-color:#fff;
	min-height:465px;
	}
.content_links{
	min-height:124px;
	background-image:url(../img/content_links.png);
	border-bottom:3px solid #3faca6;
	background-position:center;
	width:100%;}
.content_footer{
	min-height:188px;
	background-image:url(../img/content_footer.png);
	background-position:center;}
.content_copyright{
	background-color:#fff;
	min-height:40px;
	margin-bottom:5px;}
.content_links ul{
	text-align:center;}
.content_links ul li a ,.content_links ul li a:active ,.content_links ul li a:visited{
	background-repeat:no-repeat;
	background-position:top;
	margin:15px 5px 0 5px;
	color:#a8f0ed;
	text-decoration:none;
	display:inline-block;
	padding:55px 10px 10px 10px;
	font-size:17px;}
.content_links ul li a:hover{
	color:#fff;
	text-decoration:underline;
    background-color: rgba(0, 0, 0, 0.15); 
	border-radius:15px;}
	
.daily{
	background-image:url(../img/daily.png);}
.dalel{
	background-image:url(../img/dalel.png);}
.vote{
	background-image:url(../img/vote.png);}
.tenders{
	background-image:url(../img/tenders.png);} 
.decision{
	background-image:url(../img/decision.png);} 
.fourm{
	background-image:url(../img/fourm.png);}	
.TrainingMembers{
    background-image:url(../img/TrainingMembers.png);}

@media (max-width: 380px){
	
	.content_links ul li a ,.content_links ul li a:active ,.content_links ul li a:visited{
		width:80px;
		
		}
		}

.copyright_right{
	display:inline-block;
	float:right;
	padding:10px 10px 0 0;}
.copyright_left{
	display:inline-block;
	float:left;
	padding:10px 0 0 10px;}
	
.footer_right {display:block;
width:50%;
float:right;

}
.footer_left {display:block;
width:50%;
float:left;
}

.footer_right ul li{
	display:inline-block;
	width:40%;
	min-width:180px;
	background-image:url(../img/arrow2.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:20px;
	margin-top:20px;}
	

.footer_right ul li a ,.footer_right ul li a:active ,.footer_right ul li a:visited{
	color:#FFF;}

.footer_right ul li a:hover {
	color:#70d8db;}

@media (max-width: 991px){

.content_links{
	background-image:url(../img/content_links2.png);}
.content_footer{
	background-image:url(../img/content_footer2.png);}
.copyright_left{
	margin-bottom:10px;}
.footer_right {display:block;
	width:100%;
	margin-bottom:20px;}
.footer_left {display:block;
	width:100%;
	}

	
	}

.websites{
	display:block;
	width:100%;
	text-align:left;
	margin-top:30px;
	padding:0 20px;}
.mobile_app{
	display:block;
	width:100%;
	text-align:left;
	margin-top:20px;
	padding:0 20px;
	}

.copyright_bottom{
	font-size:12px;
	display:block;
	text-align:left;
	padding:0 10px 20px 10px !important;}
.copyright_right_bottom{text-align:right; display:inline-block; float:right;}
.copyright_left_bottom{text-align:left; display:inline-block; float:left;}
@media (max-width: 991px){
.websites{
	display:block;
	width:100%;
	text-align:center;
	margin:20px 0;}
.mobile_app{
	display:block;
	width:100%;
	text-align:center;
	margin:20px 0;}
	
.mobile_app img{
	margin:10px 0;}
		
}


	


/* Scroll to Top*/
.scrollToTop{

    -moz-border-radius: 50px 50px 0 0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-border-radius: 50px 50px 0 0;
    -webkit-transition: all 0.3s;
    /*background: #a38f63;*/
	background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50px 50px 0 0;
	border-bottom:5px solid #c0a976;
    bottom: 0px;
    color: #FFF;
    display: none;
    height: 9px;
    opacity: 0;
    padding: 13px 0 40px 0;
    position: fixed;
    left: 50px;
    right: auto;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s;
    width: 49px;
    z-index: 9999;
    direction: rtl;
	outline:none;
}
.news_bar{
	display:block;
	height:40px;
	width:100%;
	background-color:#099;
	background-image:url(../img/news_bar_back.png);
	margin-bottom:7px;}
	
.news_bar ul li{
	display:inline-block;
	padding-right:35px;
	padding-top:8px;
	background-image:url(../img/news_bar_icon.png);
	background-position:right;
	background-repeat:no-repeat;
	height:34px;
	margin-right:100px;
	color:#666;;
	}
	
.news_events{
	display:block;
	width:100%;
	background-image:url(../img/news_back.jpg);
	overflow:auto;
	padding: 3px;
	
	}
.news_con{
	display:inline-block;
	float:right;
	width:70%;
	border-left:1px dashed #939695;}
.news_con_title{
	width:100%;
	font-size:26px;
	background-color:#3d9a9c;
	padding:10px 15px;
	border:7px solid #FFF;
	color:#fff;}

.main_news{
	display:inline-block;
	float:right;
	width:55%;
	padding:10px;
	color:#535353;
	line-height:1.7em;
	text-align:justify;
}
	
.main_news img{
	display:block;
	max-width:230px;
	max-height:120px;
	margin:0 auto 5px auto;
	border:4px solid #eef6f6;}
.main_news_title{
	display:block;
	width:100%;
	text-align:justify;
	color:#3d9a9c;
	font-size:15px;}

.more_det{
	}	
	

.more_det a ,.more_det a:active ,.more_det a:visited{
	color:#535353;
	padding:0 10px;}

.more_det a:hover {
	color:#3d9a9c;}
	
.others_news{
	display:inline-block;
	float:left;
	width:45%;

	padding:0 10px;}
	
	.more_items{
	display:block;
	margin-top:10px;

	margin-left:20px;
	float:left;}
	
.events_con{
	display:inline-block;
	float:left;
	width:30%;
	}
	
.events_con_title{
	width:100%;
	font-size:26px;
	background-color:#a38f63;
	padding:10px 15px;
	border:7px solid #FFF;
	color:#fff;}

@media (max-width: 991px){
.news_con{
	display:block;
	float:none;
	width:100%;
	border:none;}
.events_con{
	display:block;
	float:none;
	width:100%;
	}
.main_news{
	display:block;
	float:none;
	width:100%;
	border-bottom:1px #999999 dashed;}
.others_news{
	display:block;
	float:none;
	width:100%;
	}

	}
	.events_box img
	{
		display:block;
		float:right;
		}
	
	.events_box
	{
		display:block;
		padding:5px 10px;
		text-align:justify;
		color:#535353;
		border-bottom:1px #999999 dashed;
		}
.events_date{
	display:block;
	width:100%;
	text-align:left;
	color:#2b8b90;
	font-size:12px;

	}
.others_news ul li{
	display:block;
	padding-right:20px;
	background-image:url(../img/arrow3.png);
	background-repeat:no-repeat;
	background-position:right top;
	margin-top:10px;
	text-align:justify;
	}

.others_news ul{
	margin:0;
	padding:0;
	}



.others_news ul li a ,.others_news ul li a:active ,.others_news ul li a:visited{
	color:#535353;}

.others_news ul li a:hover {
	color:#3d9a9c;}

.services{
	display:block;
	background-image:url(../img/services_back.png);
	width:100%;
	padding:20px 10px;
	overflow:auto;}

.services_title{
	display:inline-block;
	float:right;
	width:12.5%;
	background-color:#3686ab;
	height:300px;
	text-align:center;
	color:#FFF;
	padding-top:20px;
	font-size:26px;
	background-image:url(../img/services_title_back.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	}
.services_sec{
	display:inline-block;
	float:left;
	width:87.5%;
	padding:0 10px;}
	
	


/****************************** Start Item **************************************/

@media (min-width: 992px){
.item_small {
	display:none;}}
.services_sec .item a ,.services_sec .item a:active ,.services_sec .item a:visited{	
	display:inline-block;
	float:right;
	width:13.26%;
	margin:0 5px;
	height:111px;
	text-decoration:none;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	padding-top:80px;
	color:#377b9a;
	padding-left:4px;
	outline:none;
	}

.services_sec .item a:hover{
	display:inline-block;
	float:right;
	width:13.26%;
	margin:0 5px;
	height:111px;
	text-decoration:none;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	outline:none;
	color:#fff;
	}
	
.services_sec .item a:active{
	display:inline-block;
	float:right;
	width:13.26%;
	margin:0 5px;
	height:111px;
	text-decoration:none;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	outline:none;
	color:#377b9a;
	}
	
		
.item1 a{
	background-image:url(../img/item1_back.jpg);
	
}
.item1 a:hover{
	background-image:url(../img/item1_over_back.jpg);
	}

.item2 a{
	background-image:url(../img/item2_back.jpg);
}
.item2 a:hover{
	background-image:url(../img/item2_over_back.jpg);
	}



.item3 a{
	background-image:url(../img/item3_back.jpg);
}
.item3 a:hover{
	background-image:url(../img/item3_over_back.jpg);
	}
	
.item4 a{
	background-image:url(../img/item4_back.jpg);
}
.item4 a:hover{
	background-image:url(../img/item4_over_back.jpg);
	}
	
.item5 a{
	background-image:url(../img/item5_back.jpg);
}
.item5 a:hover{
	background-image:url(../img/item5_over_back.jpg);
	}
	
.item6 a{
	background-image:url(../img/item6_back.jpg);
}
.item6 a:hover{
	background-image:url(../img/item6_over_back.jpg);
	}
	
.item7 a{
	background-image:url(../img/item7_back.jpg);
}
.item7 a:hover{
	background-image:url(../img/item7_over_back.jpg);
	}

.item1 a:focus{
	background-image:url(../img/item1_active_back.jpg);
	color:#377b9a;
	}	
.item2 a:focus{
	background-image:url(../img/item2_active_back.jpg);
	color:#377b9a;
	}
.item3 a:focus{
	background-image:url(../img/item3_active_back.jpg);
	color:#377b9a;
	}	
.item4 a:focus{
	background-image:url(../img/item4_active_back.jpg);
	color:#377b9a;
	}
.item5 a:focus{
	background-image:url(../img/item5_active_back.jpg);
	color:#377b9a;
	}	
.item6 a:focus{
	background-image:url(../img/item6_active_back.jpg);
	color:#377b9a;
	}
.item7 a:focus{
	background-image:url(../img/item7_active_back.jpg);
	color:#377b9a;
	}	

/****************************** End Item **************************************/	
/****************************** Start Item_small **************************************/
@media (max-width: 991px){
.services_sec .item {
	display:none;}
	

	}

.services_sec .item_small a ,.services_sec .item_small a:active ,.services_sec .item_small a:visited{	
	display:inline-block;
	float:right;
	width:70px;
	margin:3px 3px;
	height:70px;
	text-decoration:none;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	color:#377b9a;
	outline:none;
	}

.services_sec .item_small a:hover{
	display:inline-block;
	
	text-decoration:none;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	outline:none;
	color:#fff;
	}
	
.services_sec .item_small a:active{
	display:inline-block;

	text-decoration:none;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	outline:none;
	color:#377b9a;
	}
	
		
.item_small1 a{
	background-image:url(../img/item_small1_back.png);
	
}
.item_small1 a:hover{
	background-image:url(../img/item_small1_over_back.png);
	}

.item_small2 a{
	background-image:url(../img/item_small2_back.png);
}
.item_small2 a:hover{
	background-image:url(../img/item_small2_over_back.png);
	}



.item_small3 a{
	background-image:url(../img/item_small3_back.png);
}
.item_small3 a:hover{
	background-image:url(../img/item_small3_over_back.png);
	}
	
.item_small4 a{
	background-image:url(../img/item_small4_back.png);
}
.item_small4 a:hover{
	background-image:url(../img/item_small4_over_back.png);
	}
	
.item_small5 a{
	background-image:url(../img/item_small5_back.png);
}
.item_small5 a:hover{
	background-image:url(../img/item_small5_over_back.png);
	}
	
.item_small6 a{
	background-image:url(../img/item_small6_back.png);
}
.item_small6 a:hover{
	background-image:url(../img/item_small6_over_back.png);
	}
	
.item_small7 a{
	background-image:url(../img/item_small7_back.png);
}
.item_small7 a:hover{
	background-image:url(../img/item_small7_over_back.png);
	}

.item_small1 a:focus{
	background-image:url(../img/item_small1_active_back.png);
	color:#377b9a;
	}	
.item_small2 a:focus{
	background-image:url(../img/item_small2_active_back.png);
	color:#377b9a;
	}
.item_small3 a:focus{
	background-image:url(../img/item_small3_active_back.png);
	color:#377b9a;
	}	
.item_small4 a:focus{
	background-image:url(../img/item_small4_active_back.png);
	color:#377b9a;
	}
.item_small5 a:focus{
	background-image:url(../img/item_small5_active_back.png);
	color:#377b9a;
	}	
.item_small6 a:focus{
	background-image:url(../img/item_small6_active_back.png);
	color:#377b9a;
	}
.item_small7 a:focus{
	background-image:url(../img/item_small7_active_back.png);
	color:#377b9a;
	}	


/****************************** End Item_small **************************************/	

/*@media (min-width: 992px) and (max-width: 1199px){*/
@media (max-width: 1199px){
	
.services_title{
	display:block;
	width:100%;
	float:none;
	height:100px;
	text-align:right;
	color:#FFF;
	padding:20px;
	font-size:26px;
	background-image:url(../img/services_title_back2.png);
	background-position:left;
	background-repeat:no-repeat;
	margin-bottom:15px;
	}
.services_sec{
	display:block;
	float:none;
	width:100%;
	padding-right:10px;}
		
.services_sec .item a ,.services_sec .item a:active ,.services_sec .item a:visited{	

	margin:0 4px;

	}

.services_sec .item a:hover{

	margin:0 4px;

	}	
	}	

	
.services_sec .item_det{
	display:block;
	float:right;
	width:99%;
	margin:0 5px;
	margin-top:10px;
	border-top:#3686ab 1px dashed;
	padding-top:10px;}
	
.tab-pane ul{
	margin:0;
	padding:7px;}
.tab-pane ul li a
{
	display:inline-block;
	color:#377b9a;
	float:right;
	max-width:320px;
	padding:0 20px;
	background-image:url(../img/arrow4.png);
	background-position:right top;
	background-repeat:no-repeat;
	margin-bottom:20px;
	line-height:2em;}
	ul>li>div.eservices_box>a 
{
            display:inline-block;
            color:#377b9a;
            float:right;
            width:290px;
            padding:0 18px 0 50px;
            background-image:url(../img/arrow4.png);
            background-position:right top;
            background-repeat:no-repeat;
            margin-bottom:20px;
            margin-right:22px;
            line-height:2em;
            }

	


/*****************************************/
.activities{
	display:block;
	background-image:url(../img/activities_back.jpg);
	background-size:cover;
	width:100%;
	padding:20px 10px;
	overflow:auto;
	border-bottom:3px solid #cbe1e2;
	border-top:3px solid #d8e6eb;}

.activities_title{
	display:inline-block;
	float:left;
	width:12.5%;
	background-color:#3ca998;
	height:300px;
	text-align:center;
	color:#FFF;
	padding-top:20px;
	font-size:26px;
	background-image:url(../img/activities_title_back.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	}
.activities_sec{
	display:inline-block;
	float:right;
	width:87.5%;
	padding:0 10px;}
	


/*@media (min-width: 992px) and (max-width: 1199px){*/
@media (max-width: 1199px){
	
.activities_title{
	display:block;
	width:100%;
	float:none;
	height:100px;
	text-align:right;
	color:#FFF;
	padding:20px;
	font-size:26px;
	background-image:url(../img/activities_title_back2.png);
	background-position:left;
	background-repeat:no-repeat;
	margin-bottom:15px;
	}
.activities_sec{
	display:block;
	float:none;
	width:100%;
	padding-right:10px;}
		

	}	
	


/****************************** Start act **************************************/

@media (min-width: 992px){
.act_small {
	display:none;}}

	
	
.activities_sec .act a ,.activities_sec .act a:active ,.activities_sec .act a:visited{	
	display:inline-block;
	float:right;
	width:23%;
	margin:0 9px;
	height:80px;
	text-decoration:none;
	background-position:right;
	background-repeat:no-repeat;
	text-align:left;
	padding-top:30px;
	color:#3ca998;
	padding-left:4px;
	outline:none;
	border-bottom:5px solid #3ca998;
	font-size:20px;
	
	}

.activities_sec .act a:hover{
border-bottom:5px solid #6bb9ad;
background-color:#3ca998;
color:#FFF;

	}
	
.activities_sec .act a:active{
	background-color:#98bf61;
	border-bottom:5px solid #6bb9ad;
	
	}

		
.act1 a{
	background-image:url(../img/act1_back.png);
	
}
.act1 a:hover{
	background-image:url(../img/act1_over_back.png);
	}

.act2 a{
	background-image:url(../img/act2_back.png);
}
.act2 a:hover{
	background-image:url(../img/act2_over_back.png);
	}



.act3 a{
	background-image:url(../img/act3_back.png);
}
.act3 a:hover{
	background-image:url(../img/act3_over_back.png);
	}
	
.act4 a{
	background-image:url(../img/act4_back.png);
}
.act4 a:hover{
	background-image:url(../img/act4_over_back.png);
	}
	


.act1 a:focus{
	background-image:url(../img/item1_active_back.png);
	background-color:#98bf61;
	border-bottom:5px solid #98bf61;
	color:#fff;
	}	
.act2 a:focus{
	background-image:url(../img/item2_active_back.png);
	background-color:#98bf61;
	border-bottom:5px solid #98bf61;
	color:#fff;
	}
.act3 a:focus{
	background-image:url(../img/item3_active_back.png);
	background-color:#98bf61;
	border-bottom:5px solid #98bf61;
	color:#fff;
	}	
.act4 a:focus{
	background-image:url(../img/item4_active_back.png);
	background-color:#98bf61;
	border-bottom:5px solid #98bf61;
	color:#fff;
	}


/****************************** End act **************************************/	
/****************************** Start act_small **************************************/	
@media (max-width: 991px){
.act {
	display:none;}
	}
	
.activities_sec .act_small a ,.activities_sec .act_small a:active ,.activities_sec .act_small a:visited{	

	display:inline-block;
	float:right;
	width:70px;
	margin:3px 3px;
	height:70px;
	text-decoration:none;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	color:#3ca998;
	outline:none;
	
	
	}

.activities_sec .act_small a:hover{
border-bottom:5px solid #6bb9ad;
background-color:#3ca998;
color:#FFF;

	}
	
.activities_sec .act_small a:active{
	background-color:#98bf61;
	border-bottom:5px solid #6bb9ad;
	
	}

		
.act_small1 a{
	background-image:url(../img/act_small1_back.png);
	
}
.act_small1 a:hover{
	background-image:url(../img/act_small1_over_back.png);
	border:none !important;
	}

.act_small2 a{
	background-image:url(../img/act_small2_back.png);
}
.act_small2 a:hover{
	background-image:url(../img/act_small2_over_back.png);
	border:none !important;
	}



.act_small3 a{
	background-image:url(../img/act_small3_back.png);
}
.act_small3 a:hover{
	background-image:url(../img/act_small3_over_back.png);
	border:none !important;
	}
	
.act_small4 a{
	background-image:url(../img/act_small4_back.png);
}
.act_small4 a:hover{
	background-image:url(../img/act_small4_over_back.png);
	border:none !important;
	}
	


.act_small1 a:focus{
	background-image:url(../img/act_small1_active_back.png);

	}	
.act_small2 a:focus{
	background-image:url(../img/act_small2_active_back.png);


	}
.act_small3 a:focus{
	background-image:url(../img/act_small3_active_back.png);

	}	
.act_small4 a:focus{
	background-image:url(../img/act_small4_active_back.png);

	}
	
	
/****************************** End act_small **************************************/
	
	.activities_sec .act_det{
	display:block;
	float:right;
	width:99%;
	margin:0 5px;
	margin-top:10px;


	padding-top:10px;}
	

	
	

.act1_det_1{
	display:inline-block;
	float:right;
	width:215px;}
.act1_det_2{
	display:inline-block;
	float:right;
	width:484px;
	padding:0 15px;
	text-align:justify;
	line-height:2em;}

.act1_det_2 ul li a{
	display:block;
	margin-bottom: 5px; 
	background-image:url(../img/arrow4.png);
	background-repeat:no-repeat;
	background-position:right;
	color: #333;}
.act1_det_3{
	display:inline-block;
	float:right;
	width:266px;}

@media (min-width: 992px) and (max-width: 1199px){
	.activities_sec .act_det{

	height:200px;}
	.act1_det_2{
	display:inline-block;
	float:right;
	width:435px;
	padding:0 15px;
	text-align:justify;
	line-height:2em;}
	
	}

@media (max-width: 991px){
	.activities_sec .act_det{

	border-top:#3ca998 1px dashed;
}

.act1_det_1{
	display:block;
	float:none;
	width:100%;
	text-align:center;}
.act1_det_2{
	display:block;
	float:none;
	width:100%;
	padding:15px;
	text-align:justify;
	line-height:2em;}

.act1_det_2 ul li{
	display:block;
	padding-right:20px;
	margin-right:20px;
	background-image:url(../img/arrow4.png);
	background-repeat:no-repeat;
	background-position:right;}
.act1_det_3{
	display:block;
	float:none;
	width:100%;
	text-align:center;}
}

/********************************************************** Dropdown Button */
#navbar ul[id$='RootAspMenu'] > li > a {
    display: none !important;
}
ms-core-listMenu-item, .ms-core-listMenu-item:link, .ms-core-listMenu-item:visited, .ms-tv-item:link, .ms-tv-item:visited, .ms-tv-header:link, .ms-tv-header:visited
{
	color:#fff;
}

.dropbtn ,#navbar ul>li>ul li{
    
    color: #fff;
    padding:0;
    font-size: 16px;
    border: none;
    cursor: pointer;
	
}
/* The container <div> - needed to position the dropdown content */
.dropdown ,#navbar ul>li>ul li{
    position: relative;
    display: inline-block;
	margin:0;

	color: #fff;
}

.dropdown a ,#navbar ul>li>ul li a {
    position: relative;
    display: inline-block;
	margin:0;
	padding:10px 0;
	color: #fff;
	
}

/* Dropdown Content (Hidden by Default) */
 .dropdown-content ,#navbar ul>li>ul>li>ul{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding:0;
}

/* Links inside the dropdown */
 .dropdown-content a  ,#navbar ul>li>ul>li>ul a{
    color: black;
    padding: 8px 20px 8px 5px;
    text-decoration: none;
    display: block;
	border-right:6px solid #327874;
	border-bottom:1px dashed #CCCCCC;
	background-image:url(../img/blut.png);
	background-repeat:no-repeat;
	background-position:right center;
	font-size:14px;
}
#navbar ul>li>ul>li>ul>li{
	width:100%;
	text-align:right;
}


/* Change color of dropdown links on hover */
 .dropdown-content a:hover,#navbar ul>li>ul>li>ul a:hover 
 {background-color: #f1f1f1;
 border-right:6px solid #a18a66;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content ,#navbar ul>li>ul li:hover ul {
    display: block;
	z-index:1500;
}

/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn2 ,#navbar ul>li>ul>li:hover>a {
    background-color: #327874;
	    padding: 8px 20px 8px 5px;
}
.dropdown .dropbtn2 ,#navbar ul>li>ul>li>a {
	   padding: 8px 20px 8px 5px;

}
/********************************************************** End Dropdown Button */




/********************************************************** Centers */
.centers{
                clear:both;
                display:inline-block;
                width:100%;
                text-align:center;
                padding:15px 0;
                background-image:url(../img/centers_back.png);}


                
.centers li{
                display:inline-block;
                float:right;
                width:188px;
                height:171px;
                margin:23px;}
                
@media (min-width: 1200px){
                .centers li{

                margin: 20px 52px;}
                }              
.centers li a{
                display:inline-block;
                float:right;
                width:188px;
                height:171px;}
                

.Prepare_develop_center{
                background-image:url(../img/Prepare_develop.png);
                }
.english_center{
                background-image:url(../img/english.png);}
.business_center{
                background-image:url(../img/business_center.png);}
.e_training_center{
                background-image:url(../img/e_training.png);}
.ITPC{
                background-image:url(../img/ITPC.png);
                }
.InformationCenter{
                background-image:url(../img/InformationCenter.png);}
.Research{
                background-image:url(../img/Research.png);}
.TrainingCenter{
                background-image:url(../img/TrainingCenter.png);}

a.Prepare_develop_center:hover{
                background-image:url(../img/Prepare_develop2.png);}

a.english_center:hover{
                background-image:url(../img/english2.png);}
a.business_center:hover{
                background-image:url(../img/business_center2.png);}
a.e_training_center:hover{
                background-image:url(../img/e_training2.png);}
a.ITPC:hover{
                background-image:url(../img/ITPC2.png);
                }
a.InformationCenter:hover{
                background-image:url(../img/InformationCenter2.png);}
a.Research:hover{
                background-image:url(../img/Research2.png);}
a.TrainingCenter:hover{
                background-image:url(../img/TrainingCenter2.png);}

.title_m {display:none;}
.title_s {display:none;}

.title_w {display:none;}

@media (max-width: 1200px){
                
                .title_b {display:none;}
                }
@media (min-width: 992px) and (max-width: 1199px){
                .title_w {display:none;}
                .title_m {display:block;}
                .centers li{
                margin:27px;}
                }

                @media (max-width: 991px){
                .title_w{
                display:inline-block;
                float:right;
                width:188px;
                height:171px;
                margin:20px;}}

@media (max-width: 470px){
                .title_w {display:none;}
                .title_s{
                display:block;
                float:none;
                margin:20px auto;
                width:188px;
                height:174px;
}
.centers li{
                display:block;
                float:none;
                width:188px;
                height:171px;
                margin:20px auto;}
                
                }

.right_menu{
	display:inline-block;
	float:right;
	width:220px;
}
.left_content_page{
	display:inline-block;
	float:left;
	width:950px;
}
.internal_pages{
	background-image:url(../img/internal_pages_back.png);
	background-position:right;
	background-repeat:repeat-y;}
@media (min-width: 992px) and (max-width: 1199px){
	
	
.left_content_page{

	width:750px;
}

	
	}

@media (max-width: 991px){
	
	.right_menu{
	display:none;}
.left_content_page{
	display:block;
	float:none;
	width:100%;
	/*padding:5px;*/}
.internal_pages{
	background-image:none;}
	
	}

.right_menu ul ,.right_menu ul .root.ms-core-listMenu-root.static{
	margin:0;
	padding:0;
	width:100%}
	
.right_menu ul li a ,.right_menu ul li .static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode{
	display:block;
	width:100%;
	border-bottom:1px #cbcbcb  dashed;
	border-right:5px solid #327874;
	margin:0;
	padding:7px 17px 7px 10px;
	color:#000;
	background-image:url(../img/blut2.png);
	background-position:right;
	background-repeat:no-repeat;}

.right_menu ul li a:hover , .right_menu ul li .static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode:hover{
	display:block;
	width:100%;
	border-bottom:1px #cbcbcb  dashed;
	margin:0;

	background-color:#dbe8e8;
	border-right:5px solid #a18a66;
}


.right_menu ul li ul li a , .right_menu ul li ul li .static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode{
	display:block;
	width:100%;
	border-bottom:1px #cbcbcb  dashed;
	/*border-right:10px solid #83bab6;*/
	margin:0;
	padding:7px 20px 7px 10px;
	color:#000;
	background-image:url(../img/blut2.png);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#FFF;
	border-left:1px solid #e9f1f1;}

.right_menu ul li ul li a:hover , .right_menu ul li ul li .static.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode:hover {
	display:block;
	width:100%;
	border-bottom:1px #cbcbcb  dashed;
	margin:0;

	background-color:#eef4f4;
	border-right:5px solid #a18a66;
}
.right_menu .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link, .right_menu .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited,.right_menu .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected,.right_menu .ms-tv-selected:link {
    border-right:5px solid #a18a66 !important;
    background-color:#dbe8e8 !important;
    }

.right_menu .ms-core-listMenu-horizontalBox li ,.right_menu div.ms-core-listMenu-horizontalBox
{
	display:inline ;
}
.page_path{
	width:100%;
	display:block;
	padding:5px;
	font-size:12px;
}
.page_path span a{
	display:inline-block;
	color: #428bca;
	padding:0 10px 0 10px;
	background-image:url(../img/arrow5.png);
	background-position:right;
	background-repeat:no-repeat;

	}
	.page_path .current{
	color:#333;
	background-image:url(../img/arrow5.png);
	background-position:right;
	background-repeat:no-repeat;
	padding:0 10px 0 10px;

}
.page_path span a:hover, .page_path span a:focus , .page_path span a:active {
    color: #428bca;
    text-decoration: underline;
}
.page_title , .pageTitle{
	width:100%;
	padding:20px 55px;
	font-size:18px;
	background-color:#37918f;
	border-bottom:4px solid #add0cc;
	background-image:url(../img/title_back.png);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:20px;
background-image:url(../img/news_bar_icon.png),url(../img/title_back.png);
 background-position:right 20px bottom 19px , left;
 background-repeat: no-repeat, no-repeat;
  		
}

.page_title span{

	font-size:20px;
	padding:0 55px;
	background-image:url(../img/news_bar_icon.png);
	background-position:right 20px bottom 19px;
	background-repeat:no-repeat;
	margin-right:10px;
}

.sub_title,.ms-webpart-titleText,.chrome-title{
font-family:'Droid Arabic Kufi', verdana !important;
	display:block;
	color:#a18a66;
	border-bottom:1px dotted #CCCCCC;
	font-size:16px;
	padding:10px 30px 10px 10px;
	margin:10px 0;
	background-image:url(../img/arrow_title.png);
	background-position:right;
	background-repeat:no-repeat;}
.page_in,.article-content{
	display:block;
	width:100%;
	padding:10px 20px;
	text-align:justify;
	line-height:1.8em;}

.page_in ul li{
	display:block;line-height:2em;}
	
.project_box{ display:inline-block;
margin:40px;

background-color:#f2f7f7;
max-width:370px;
width:100%;
float:right;}


.project_text{
            width:100%;
            padding:20px;
            }
 .project_img{
	height: 258px;
    width: 370px;
}
 .project_img>a>img{
	height: 100% ;
    width: 100%;
}

            
@media (min-width: 992px) and (max-width: 1199px){
 .project_img{
	    width: 300px;
	    height:230px;crightm
}

.project_box{ 
margin:25px;



max-width:300px;
}
.project_text{
            width:100%;
            padding:20px;
            height:250px;
            }
            
}
@media (max-width: 991px){

.project_box{ 
margin:20px auto;



}

            
}
.project_title {
            display:block;
            margin-bottom:10px;font-size:16px;
color:#a18a66;}   
.project_desc{font-size:14px;
}
.project_more{ display:block;
text-align:left;}


.eservices_page{
            display:block;
            margin:20px 0;}
.eservices_box{}
.eservices_title{
            display:block;
            width:100%;
            clear:both;
            
            border-bottom:#3686ab 1px dashed;
            margin-bottom:10px;
            font-size:18px;
            color:#37918f;
            background-color:#f4f7fb;
            }


@media (max-width: 991px){

.eservices_box ul li a
{
            max-width:100%;

            
}
}
.branchs{
            text-align:center;
            padding-bottom:100px;}
.branchs img{
            display:inline-block;
            margin:20px;}
            

@media (min-width: 992px) and (max-width: 1199px){
.branchs{
            text-align:center;}
.branchs img{
            display:inline-block;
            margin:46px;}
            
}
@media (max-width: 991px){
.branchs{
            text-align:center;}
.branchs img{
            display:inline-block;
            margin:46px;}
}

	
/* تعديلات الموقع القديم  */

@font-face {
	font-family: "F-DFontSmall";
    src: url('fd-reg.eot');
    src: url('fd-reg.eot') format('embedded-opentype'),
         url('fd-reg.woff') format('woff'),
         url('fd-reg.ttf') format('truetype'),
         url('fd-reg.svg#HelveticaNeueW23forSKYRegular') format('svg');
         
}
table.ms-rteTable-mytable {-ms-name:"نمط الجدول -معهد الادارة العامة ";
border-collapse: collapse !important;
width: 98.5%;
    max-width: 100%;
    margin-bottom: 20px;
     border: 1px solid #ddd;
     margin: 12px;
    
} /* sets the name of the table style */
table.ms-rteTable-mytable>thead>tr>th, table.ms-rteTable-mytable>tbody>tr>th, table.ms-rteTable-mytable>tfoot>tr>th, table.ms-rteTable-mytable>thead>tr>td, table.ms-rteTable-mytable>tbody>tr>td, table.ms-rteTable-mytable>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
table.ms-rteTable-mytable > tbody > tr:hover {
  background-color: #f5f5f5;
}
table.ms-rteTable-mytable  > thead > tr > th,
table.ms-rteTable-mytable > tbody > tr > th,
table.ms-rteTable-mytable > tfoot > tr > th,
table.ms-rteTable-mytable  > thead > tr > td,
table.ms-rteTable-mytable  > tbody > tr > td,
table.ms-rteTable-mytable > tfoot > tr > td {
  border: 1px solid #ddd;
}
table.ms-rteTable-mytable  > thead > tr > th,
table.ms-rteTable-mytable c > thead > tr > td {
  border-bottom-width: 2px;
}

.ms-rteElement-IPAHeading {
	

	font-family: 'Droid Arabic Kufi', verdana;
	display:block;
	color:#a18a66;
	border-bottom:1px dotted #CCCCCC;
	font-size:16px;
	padding:10px 30px 10px 10px;
	margin:10px 0;
	background-image:url(../img/arrow_title.png);
	background-position:right;
	background-repeat:no-repeat;}


.ms-rteEStyle-IPAHeadingCus {
	font-family: 'Droid Arabic Kufi', verdana;
	display:block;
	color:#a18a66;
	border-bottom:1px dotted #CCCCCC;
	font-size:16px;
	padding:10px 30px 10px 10px;
	margin:10px 0;
	background-image:url(../img/arrow_title.png);
	background-position:right;
	background-repeat:no-repeat;
} 



.DespNone{
	display:none !important;
}

span.ms-rteElement-IPAsubHeading {
	
	font-family: 'Droid Arabic Kufi', verdana;
	display:block;
	color:#a18a66;
	border-bottom:1px dotted #CCCCCC;
	font-size:16px;
	padding:10px 30px 10px 10px;
	margin:10px 0;
	background-image:url(../img/arrow_title.png);
	background-position:right;
	background-repeat:no-repeat;	
}


.ms-rteEStyle-IPASubHeadingCus {

	font-family: 'Droid Arabic Kufi', verdana;
	display:block;
	color:#a18a66;
	border-bottom:1px dotted #CCCCCC;
	font-size:16px;
	padding:10px 30px 10px 10px;
	margin:10px 0;
	background-image:url(../img/arrow_title.png);
	background-position:right;
	background-repeat:no-repeat;} 




.ms-rteElement-IPAContent {
	
/*color: #666666;
font-size: 13px;line-height: 1.6;	*/
font-family: 'Droid Arabic Kufi', verdana;
	display:block;
	width:100%;
	padding:10px 20px;
	text-align:justify;
	line-height:1.8em;

	
}

.ms-rteEStyle-IPAContentCus {

/*color: #666666;
font-size: 13px;line-height: 1.6;	*/
font-family: 'Droid Arabic Kufi', verdana;
	display:block;
	width:100%;
	padding:10px 20px;
	text-align:justify;
	line-height:1.8em;

} 


div.ms-rteElement-IPATitle {
	-ms-name : "IPATitle";
	font-family: 'Droid Arabic Kufi', verdana;
	width:100%;
	padding:20px 55px;
	font-size:18px;
	background-color:#37918f;
	border-bottom:4px solid #add0cc;
	background-image:url(../img/title_back.png);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:20px;
	background-image:url(../img/news_bar_icon.png),url(../img/title_back.png);
 	background-position:right 20px bottom 19px , left;
 	background-repeat: no-repeat, no-repeat;
 	}

div.ms-rteElement-SubTitle {
	-ms-name : "SubTitle";
	font-family: 'Droid Arabic Kufi', verdana;
	display:block;
	color:#a18a66;
	border-bottom:1px dotted #CCCCCC;
	font-size:16px;
	padding:10px 30px 10px 10px;
	margin:10px 0;
	background-image:url(../img/arrow_title.png);
	background-position:right;
	background-repeat:no-repeat;}
div.ms-rteElement-IPA_Content {
	-ms-name : "IPAContent ";
	font-family: 'Droid Arabic Kufi', verdana;
	display:block;
	width:100%;
	padding:10px 20px;
	text-align:justify;
	line-height:1.8em;}

	li.ms-rteElement-list  
{
-ms-name : "list";

            display:block;
            padding:0 18px 0 0;
            background-image:url(../img/arrow.png);
            background-position:right top;
            background-repeat:no-repeat;
            margin:10px 0;
            
            }
            span.ms-rteStyle-list  
{
-ms-name : "list";
            display:block;
            padding:0 18px 0 0;
            background-image:url(../img/arrow.png);
            background-position:right top;
            background-repeat:no-repeat;
            margin:10px 0;
            
            }


/* الشبكات الاجتماعية */

/****** Start Social ********/
.page_path{
                min-height:40px;}
.social_share{
                display:inline-block;
                float:left;
                width:auto;
                height:30px;
                text-align:left;}
                


.social_share a {
                display:inline-block;
                width:30px;
                height:30px;

}

.fb_share {
                background-image:url(../img/f_icon.png);
}

.t_share {
                background-image:url(../img/t_icon.png);
}

.g_share {
                background-image:url(../img/g_icon.png);
}
.m_share {
                background-image:url(../img/m_icon.png);
}
.l_share {
                background-image:url(../img/in_icon.png);
}
.fb_share:hover {
                background-image:url(../img/f_icon2.png);
}

.t_share:hover {
                background-image:url(../img/t_icon2.png);
}

.g_share:hover {
                background-image:url(../img/g_icon2.png);
}
.m_share:hover {
                background-image:url(../img/m_icon2.png);
}
.l_share:hover {
                background-image:url(../img/in_icon2.png);
}
/****** End Social ********/

 /* نهائة الشبكات الاجتماعية */
div.article-content.editNewssytle  h3{
	font-size:15px !important;
	margin-top:0px;
	margin-bottom: 0px;
}

.Artdate {
    font: 12px tahoma;
    color: #a38f63;
    margin-right:26px;
}


.ms-signInLink{
	display:none !important;
}

/* نسق الوسائط المتعددة */
.ImageGlry {
    float: right;
    margin: 15px 0 0 5px;
}
.image-area-left {
    float: right;
    padding-left: 5px;
    padding-right: 0px;
}

.submitBtn{
font-family:'Droid Arabic Kufi', verdana !important;
display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;	
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    width:100px !important;
    
}
.submitBtn:hover{
	color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}
.style5 {
    width: 110px !important;
}

.Career {
    background: url('/Style Library/IPA/Images/Career.png') no-repeat right center;
    display: inline-block;
    min-height: 38px;
    padding: 11px 65px 0 0
}

/* خريطة الموقع   */
.toc-layout-main > ul.dfwp-list > .level-section {
    clear: none;
    float: right;
    margin-bottom: 6px;
    width: 49%;
}
.IPABlts.bullet a, .IPABlts.bullet a:link, .level-band {
    padding: 4px 25px;
    background: url('/Style Library/IPA/Images/AccorArrow.png') no-repeat right 3px;
    color: #549541;
    font-size: 14px;
    display: inline-block;
    margin-top: 8px;
}
.headertitle, .headertitle a, .headertitle a:link, .headertitle a:visited, a.ms-draggable:visited, .headertitle-band, .headertitle-band a, .headertitle-band a:link {
    color: #549541;
    font-size: 15px;
    font-weight: normal;
}
 .level-section .level-header {
    
    padding: 5px 20px 0px 0;
    border-bottom: 1px #F8F8F8 solid;
    background: url('/Style Library/IPA/Images/Blts.png') no-repeat right 8px;
    margin-right:2em;
}
.level-bullet{
	background-image:none;
}
.headertitle a:hover {
    color: #549541;
}
.headertitle, .headertitle a, .headertitle a:link, .headertitle a:visited, a.ms-draggable:visited, .headertitle-band, .headertitle-band a, .headertitle-band a:link {
    color: #549541;
       font-weight: normal;
}
.headertitle a, .headertitle a:link, .headertitle a:visited {
    color: #B8851E;
    font-size: 13px;
}

.headertitle, .headertitle a, .headertitle a:link {
   
    
}
/* نهاية خريطة الموقع  */


/*  صفحة الاخبار والتفاصيل */
.news_details{
		display:block;
		}
	.news_details_title {
    display: inline-block;
    /*background-color: #a89b73;*/
    color: #988356;
    padding: 10px 40px 10px 20px;
    width: 100%;
    border-radius: 0;
    text-decoration: none;
	background-image:url(../img/arrow_title.png);
	background-position:right;
	background-repeat:no-repeat;
    

	font-size:16px;
	border-bottom:#666 dotted 1px;
	
}

	.news_details_img img{
		display:block;
		max-width:100%;
		margin:10px auto ;
		border:5px solid #a89b73 !important;}
    .news_details_date{
		display:block;
		width:100%;
		color:#37918f;
		margin-bottom:10px;
		
		
}
    .news_details_data{
		margin-bottom:20px;}

	

  .news_list_top_title {
    display: inline-block;
    background-color: #a89b73;
    color: #fff;
    padding: 10px 20px;
    width: 100%;
    border-radius: 0;
    text-decoration: none;
    border: none;
    
	font-size:18px;
   
}
.news_list{
		display:block;
		border-bottom:#666 dotted 1px;
		background-color:#fff;
		padding:10px;
		overflow:auto;
		}
.news_list_desc{
	display:inline-block;
	float:right;
	width:650px;}

@media (min-width: 992px) and (max-width: 1199px){
	
.news_list_desc{

	width:460px;}	
	}

.news_list:hover{
		
		background-color:#f2f9f9;

		}
	.news_list_title {
    display: inline-block;
    /* background-color: #a89b73; */
    color: #988356;
    padding: 0 40px 0 20px;
    width: 100%;
    border-radius: 0;
    text-decoration: none;
    background-image:url(../img/arrow_title.png);
    background-position:right;
    background-repeat:no-repeat;
    font-size:16px;
}
.news_list_title a:active ,.news_list_title a:hover,.news_list_title a:focus,.news_list_title a:visited{
 color: #428bca;
	
}

	.news_list_img{
		display:inline-block;
		float:left;
		max-width:200px;
		max-height:200px;
		margin:10px ;
		border:1px solid #ccc;
		padding:3px;}

@media (max-width: 991px){
	
.news_list{
		
padding:1px 10px ;

	
		}
	.news_list_title {
    display: inline-block;
    /*background-color: #a89b73;*/
    color: #988356;
    padding: 0 40px 0 0;
    width: 100%;
    border-radius: 0;
    text-decoration: none;
	background-image:url(../img/arrow_title.png);
	background-position:right;
	background-repeat:no-repeat;
        text-align: justify;

	font-size:16px;
	
}
.news_list_desc{
	display:block;

	width:100%;}

.news_list_img{
		display:block;
		float:none;
		max-width:200px;
		max-height:200px;
		margin:10px auto ;
		border:1px solid #ccc;
		padding:3px;}	
	}
    .news_list_date{
		display:block;
		width:100%;
		color:#37918f;
		text-align:left;

		
		
}
 .news_list_data{
text-align:justify;	
		
}
	
		

    .news_list_more{
		margin:0 20px 0 0; }	
	

.ms-promlink-button{
	
	width:26px;
	height:23px;
}




/* صفحة الاخبار والتفاصيل   */

/* صفحة الاحداث */


.events_list{
                                display:block;
                                border-bottom:#666 dotted 1px;
                                background-color:#fff;
                                padding:10px;
                                overflow:auto;
                                }




.events_list:hover{
                                
                                background-color:#f2f9f9;

                                }
                .events_list_title {
    display: inline-block;
    /*background-color: #a89b73;*/
    color: #988356;
    padding: 0 40px 0 20px;
    width: 100%;
    border-radius: 0;
    text-decoration: none;
                background-image:url(../img/arrow_title.png);
                background-position:right;
                background-repeat:no-repeat;
    

                font-size:16px;
                
}

                

@media (max-width: 991px){
                
.events_list{
                                
/*padding:1px 10px ;*/

                
                                }
    .events_list_title {
    display: inline-block;
    /*background-color: #a89b73;*/
    color: #988356;
    padding: 0 40px 0 0;
    width: 100%;
    border-radius: 0;
    text-decoration: none;
                background-image:url(../img/arrow_title.png);
                background-position:right;
                background-repeat:no-repeat;
    

                font-size:16px;
                
}



                }
    .events_list_date{
                                display:block;
                                width:100%;
                                color:#37918f;
                                text-align:left;

}


    .events_list_more{
                                margin:0 20px 0 0;
                                float:left;}           

.events_list_desc{
                display:inline-block;
                float:left;
                width:800px;
                padding-top:10px;
                
}
@media (min-width: 992px) and (max-width: 1199px){
                .events_list_desc{
                
                width:600px;
                
                
}
                
                }
                
@media (max-width: 991px){
                .events_list_desc{
                float:right;
                width:70%;
                margin-right:20px;
                
                
}
                
                }
                

                
.events_date3{
                display:inline-block;
                float:right;
                width:80px;
               
                border:3px solid #a89b73;
                border-radius:20%;
                margin-top:10px;
                
                
                


                text-align:left;
                color:#2b8b90;
                font-size:12px;
                
                }
.events_day{
                display:block;
                width:100%;
                font-size:20px;
                text-align:center;
                padding:0;
                margin:-7px 0;
                color:#099;
                
                }
.events_month{
                display:block;
                width:100%;
                font-size:12px;
                text-align:center;
                padding:2px 0;
                background-color:#a89b73;
                color:#FFF;
                }
.events_year{
                display:block;
                width:100%;
                font-size:16px;
                text-align:center;
                color:#666;

                margin:-3px 0;
                }
                
@media (max-width: 450px){
                .events_list_desc{
                float:none;
                display:block;
                width:95%;
                margin-right:20px;
                
                
}
.events_date3{
                float:none;
                display:block;
                margin:10px auto auto auto;}
                
                }
	

/* صفحة الاحداث */



.ResearchDB {
    position: relative;
    width: 240px;
    min-height: 80px;
    margin: 0 5px;
    float: right;
}

.srchDBImg {
    position: absolute;
    top: 0;
    z-index: 1;
}
.srchDBT {
    position: absolute;
    top: 21px;
    right: 95px;
    z-index: 2;
}
.srchDBT a, .srchDBT a:link, .srchDBT a:visited {
    color: #1c6952;
    font-size: 13px;
}

/* -------------------------------- 3. GridView Styles --------------------------- */

.GridView {margin-top:10px; width:100%; border:1px #ccc solid;border-bottom:4px #C5D36A solid;direction:rtl}
.headerStyle {font-weight:normal; padding:0 7px; background:#ececec url('/Style Library/IPA/Images/GridHeader.png') repeat-x bottom ;height:29px;color:#549541;vertical-align:middle}
	.headerStyle th { border:1px solid #E6BE6A; padding-right:5px}
.GridView td {border-left: 1px solid #dfd3a0;border-bottom: 1px solid #dfd3a0;background: #fff;padding: 6px 6px 6px 12px;color: #178d7d;}
.alternateItemStyle td {background: #F5FAFA;color: #9e6f3c;}

.PagerStyle td{ border:0; padding:0}
	.PagerStyle span, .PagerStyle a{display: inline-block;margin: 1px 0;padding: 5px 10px;}
	.PagerStyle span{background-color: #e1e3e5;color: #679f57;}
	.PagerStyle a{ background-color: #5b8d55;color: #C5D36A;}

/* ------- GridView Styles ------- */
.ms-WPBorder{
/* [ReplaceColor(themeColor:"SubtleLines")] */border:1px solid #c6c6c6;}
.DivContentAll{background-color:#fbfbfb;float:right;width:100%;direction:rtl; }
.DivContentAll > h1{width:158px;height:25px;font:bold 16px/18px F-DFontSmall;color:#cf8c13;padding:10px 10px 10px 0}
.TittelField {color:#549541;width:180px;padding:2px 0;background-color:#f4f4f4;font: 14px/18px F-DFontSmall;padding-right:10px;border-right:4px #badade solid;}
.TxtBoxField{width:200px;}
.Info-ButtField{width:280px;font:normal 12px F-DFontSmall;}
.required {font:normal 12px arial;color:#F00}
.InfoStyle {color:#666}
.TextBox  {border:#c5d2da 1px solid;padding:5px 0;width:220px;margin:0 3px}
.DivContentAll.Chng table {
    border-collapse: separate;
    border-spacing: 10px;
}				 

.DivContentAll > h1.pageTitle{width:auto;height:25px;font:normal 16px/18px F-DFontSmall;}
input[type="button"], input[type="reset"], input[type="submit"], button, .btn {
    background-color: #c5d36a;
    font-family: F-DFontSmall;
    color: #549541;
    border: 0;
    padding: 5px 10px;
}

.ddlfilter{padding:10px;}
	.ddlfilter p{ color:#549541;}
	.ddlfilter select{ background-color:#d9e685; width:203px }
	
	.header2{ color:#549541; font-size:14px}
	
	
	
	
/* Tenders Start */
#tenders{
            display:block;
            border:1px solid #add0cc; background-color:#37918f; padding:8px; text-align:center; color:#FFF; margin-bottom:20px;}
.tender_box{display:inline-block;
            padding:5px;border:1px solid #37918f; margin:4px 0; background-color:#56adad; }

.tender_name{display:block;width:100%;font-weight:bold; font-size:18px; padding:10px; border:1px solid #cbeeee;margin:1px 0 7px 0;}
.tender_title{display:inline-block;width:100%; padding:5px; font-size:16px;}
.tender_data{display:inline-block;background-color:#d6f4f4; color:#37918f; width:100%; min-height:100px; padding:5px; text-align:right;}
.tender_2box, .tender_3box{ display:block; clear:both; margin:0; padding:0;}
.tender_link{text-align:center; padding-top:30px;}
@media (max-width: 767px){ 
.tender_data{ min-height:auto;}
.tender_2box{ display:none;}
.tender_3box{ display:none;}
.tender_link{text-align:center; padding:5px;}
}
@media (min-width: 767px) and (max-width: 991px){.tender_3box{ display:none;}}
@media (min-width: 992px) {.tender_2box{ display:none; background-color:}}

/* Tenders End */

/* Related_links Start */
.related_links{ display:block;

margin-bottom:40px;
}
.related_links_img{ display:block;
width:100%;
text-align:center;
border:1px solid #cfd0d0;
border-bottom:none;
min-height:120px;
padding:10px;}
.related_links_img img{
            margin:auto;
            border:none;
            height:100px;
            max-width:90% !important;
            }
.related_links_title{display:block;
width:100%;
text-align:center;
color:#FFF;
background-color:#37918f;
min-height:80px;
vertical-align:middle;
padding:5px;
text-align:justify;
margin-bottom:20px;
line-height:20px;}
.related_links_title a{
color:#FFF;

}

.related_eng{
            direction:ltr;}

.related_links_stitle{
display:block;
width:100%;
clear:both;
            }

/* Related_links End */

/* Services det */
.eservices_sub_ul li  
{
            display:block;
            
            
            padding:0 18px 0 0;
            background-image:url(../img/arrow.png);
            background-position:right top;
            background-repeat:no-repeat;
            margin:10px 0;
            
            }
.services_link a{
            display:block;
            width:200px;
            text-align:center;
            margin:30px auto;

            padding:10px;
            background-color:#099;
            border-radius:10px;
            color:#FFF;}
.services_link a:hover{
            display:block;
            width:200px;
            text-align:center;
            margin:30px auto;
border-radius:20px 10px 10px 20px;
            padding:10px;
            background-color:#a18a66;
            color:#FFF;}
            .eservices_sub_title {
    display: block;
    width: 100%;
    clear: both;
    border-bottom: #3686ab 1px dashed;
    margin: 10px 0;
    font-size: 16px;
    color: #37918f;
    background-color: #f4f7fb;
    padding: 10px;
}
.lab label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-size:14px !important;
   font-family: 'Droid Arabic Kufi', verdana !important;
}
/* Services det End */
/* ويب بارت صفحة الخدمات  */
.eservices_unit{
                display:block;
                clear:both;
                width:100%;

                display:block;
                color:#377b9a;
                
                
                padding:0 18px 0 0;
                background-image:url(../img/arrow4.png);
                background-position:right top;
                background-repeat:no-repeat;
                margin:10px 0;}
                
.eservices_unit_desc{
                display:block;
                width:100%;
                clear:both;
                
                
                
                }
.eservices_unit_line {
                display:block;
                width:100%;
                height:1px;

                border-bottom:1px dotted #666666;}
/* ويب بارت صفحة الخدمات  */
.container{
	padding:0 ;
}
/* FAQ */

.panel-default {
    border-color: #fff;
                
                background-color:#FFF;
                
}
.panel-default > .panel-heading {
    color: #257678;
                background-color:#FFF;
                margin-top:10px;
                outline:none;
                padding:5px 20px 10px 10px;
                background-image:url(../img/arrow4.png);
                background-position:right top;
                background-repeat:no-repeat;
}
.panel-default > .panel-heading:hover {
background-color:#f2f9f9;
}
.panel-body{
padding-bottom:20px;
                }

.collapsed{outline:none;}
.qusetion{
	color:#257678 !important;
}

/* FAQ */

/*************** MAIN PAGE  *****************/           
@media (min-width: 992px) and (max-width: 1199px){
.dropbtn  ,#navbar ul li ul li {

    font-size: 14px;
                /*background-color:#f00;*/
                margin-top:10px;

}
#navbar ul>li>ul>li>ul>li {
   
    border-bottom: none;
}

.dropdown:hover .dropbtn2 ,#navbar ul>li>ul>li:hover>a {
    padding: 5px;
}
.dropdown .dropbtn2,#navbar ul>li>ul>li>a {
    padding: 5px;
}

.dropdown-content a,#navbar ul>li>ul>li>ul a {

    padding: 8px 20px 5px 5px;

    font-size: 13px;
    
}


                }



@media (min-width: 700px) and (max-width: 991px){    

                                
                                

                
                .dropbtn  ,#navbar ul li ul li {

    font-size: 13px;
                width:145px;
                /*background-color:#000;*/
                
                border-bottom:3px solid #a18a66;
                margin-bottom:4px;
                margin-left: 6px;

}

.dropbtn a ,#navbar ul li ul li a {

    font-size: 13px;
               
width:145px;

}
#navbar ul>li>ul>li>ul>li {
    border-bottom: none;
}

   #navbar ul li ul li ul li a{
    width: 100% ;
    
}
                             }


                                
@media (max-width: 699px){
                                
/*.navbar {
                                                display:none;}*/
                
.dropbtn, #navbar ul li ul li {

    font-size: 13px;
                width:200px;
                /*background-color:#000;*/
margin-bottom:4px;
                border-bottom:3px solid #a18a66;
                margin-left: 6px;
                


}
#navbar ul>li>ul>li>ul>li {
   
    border-bottom: none;
}
.dropbtn a ,#navbar ul li ul li a  {

font-size: 13px;
width:200px;


}
                                }
                                
@media (max-width: 699px) {
                                
                                
                #mobile_menu{
                display:block;
                margin:10px;}
                
                #toggle{
                                
                display:block;
                width:41px;
                height:32px;
                background-image:url(../img/lines.png);

                
                }
                
                .toggle {
                                display:block;
                                text-align:right;
                                background-image:url(../img/menu_back.png);
                                border-radius:10px;
                                padding:20px;
                                margin-top:20px;
                                width:98%;
                                
                                }              
                                
                                

                
                .toggle li {
                                                display:block;
                                                text-align:right;
                                                }
                                                
                                .toggle li a {
                                                display:block;
                                                width:100%;
                                                padding:10px;
                                                color:#fff;
                                                }
                                                
                                .toggle li a:hover {
                                                display:block;
                                                width:100%;
                                                background-color:#1c656f;
                                                border-radius:10px;
                                                
                                                color:#FFF;
                                                text-decoration:none;
                                                }
.container-fluid{
                display:none;}
                                
                                }
#navbar{


   width:100%;
   text-align:center;
   


}
#navbar ul{
                margin:0;
                padding:0;


}
@media (max-width: 991px) {
.sub_nav ul li a {
                
    color: #fff !important;
                
                
  
}
.container{
	padding:0 10px !important;}

}


@media (min-width: 700px) {
.container-fluid{
                display:block !important;}
                
}
                
@media (max-width: 700px) {

                
#slides{
                display:none !important;}
                
                }

/*************** MAIN PAGE  *****************/    



/****** Pretty Photo ********/
#prettyPhotoGallery{
                display:block;
                width:100%;
                margin:auto;}
#prettyPhotoGallery ul li{
                display:inline-block !important;
                width:175px;
    margin: 10px 0 0 0;
}
                
#prettyPhotoGallery ul li a img{
    width: 155px;

    height: 100px;
                padding:2px;
    border: 4px #deecec solid;
}

                #prettyPhotoGallery * { margin: 0; padding: 0; }
                                                
                                                
                                                
                                
.wide {
border-bottom: 1px #000 solid;
width: 4000px;
                                                }
/****** End Pretty Photo ********/  
          
.dfwp-column.dfwp-list>li.dfwp-item{
	display:inline-block;
}

/* activties */
@media (max-width: 767px){
/*@media all and (max-width:991px)*/

.tab-pane ul li a
{max-width:320px;}
/*@media all and (max-width:991px)*/
.act1_det_3 img {

    width: 80%;
}
}