@import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
@import url(http://db.onlinewebfonts.com/c/314d71ddbb9f0768c5f219a7cd0abd42?family=Lotus+Linotype);
@font-face {
    font-family: "Conv_UthmanTN1Ver10";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("css/UthmanTN1Ver10.woff") format("woff"), url("css/UthmanTN1Ver10.ttf") format("truetype"), url("css/UthmanTN1Ver10.svg") format("svg");
}

@font-face {
    font-family: "TraditionalArabic";
    src: url("css/trado.ttf");
}

.horizontal_width{
    width: 1100px;
    height: 140px;
    margin: 0 auto;
} 

.navbar-nav > li{
    padding-left:10px;
    padding-right:10px;
    font-family: "Droid Arabic Kufi",serif;
	
}

.navbar-nav > li > a {
    background: url(images/separation-menu.png) no-repeat scroll right 0 rgba(0, 0, 0, 0);
    font-family: "Droid Arabic Kufi",serif;
    font-size: 14px;
    margin-top: 7px;
}

form{
    margin: 0;
}

.form-submit {
    background: url(images/search-loupe.png) no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;
    left: 60px;
    position: absolute;
}

.head_title {
    font-family: "Droid Arabic Kufi",serif;
    font-size: 14px;
    margin-top: 1px;
    margin-right: 0px;
    margin-top: 33px;
}
.head_title  a{
   text-decoration: none;
}

.body-image {
    margin: 0 auto;
    background-image: url(images/background.png);
    background-repeat: no-repeat;
    background-size: 100% 1500px;
    height: 1500px;
    width: 100%;
} 

.slide-show{
    width: 100%;
}

.logo{
    background: white url(images/idha3a.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.sawtiyat{
    position: relative;
    float: right;
    width: 100%; 
    margin: 5px auto;
    margin-top: 20px; 
    border-left-width: 0px;
}

.head_sawtiyat{
    width: 100%; 
    height: 40px;
    margin: 0 auto;
    margin-right: 0px;
    background-image: url(images/head_sawtiyat.png);
    z-index: 2;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.head_idha3a{
    width: 100%; 
    height: 40px;
    margin: 0 auto;
    margin-right: 0px;
    background-image: url(images/head_idha3a.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.head_logo_idha3a{
    width: 100%; 
    height: 80px;
    margin: 0 auto;
    margin-right: 0px;
    margin-top: -17px;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.radio_top_msg{
    background:#007f7a none repeat scroll 0 0;
    font-size:16px;
    font-weight:bold;
    min-height:45px;
    margin-bottom:25px;
    paddin:10px 5px 5px;
    padding-top: 9px;
    position:relative;
    width:700;
}

.radiostats{
    background: transparent url(images/radio-footer.png) no-repeat scroll 0 0;
    font-family: "Droid Arabic Kufi",serif;
    color: #000;
    font-weight: bold;
    height: 120px;
    margin-top: 25px;
    padding-top: 11px;
    position: relative;
    width: 100%;
    font-size: 14px;
    background-size: 100% 100%;
}
.field-name{
    font-family: "Droid Arabic Kufi",serif;
    font-size: 14px;
    color: #fff;
}

#phone_inst{
    padding: 8px;
    border: 1px dotted #ABFFD6;
    background-color: #C50001;
    margin-top: 25px;
    color: #FFF;
}

.content_font {
    font-family: "Lotus Linotype",serif;
    font-size: 17px;
}

.input_font{
    font-family: "TraditionalArabic",serif;
    width: 176px;
    text-align: right;
    font-weight: bold;
    font-size: 15px;
}

.button_content{
    font-weight: bold; 
    color: white; 
    background-color: #077b77;
}

.body_sawtiyat{
    width: 100%
    height: 230px !important;
    padding-top: 6px;
    padding-left: 5px;
    box-shadow: 0px 10px 10px 5px lightgrey;
    height: 200px;
}

.content_font ul{
    padding-right: 10px;
    list-style-type: none; 
    padding-top: 7px;
}

.content_font ul a{
text-decoration: none;
//margin-right: 255px;
}

.content_font ul li{
    background-image: url("images/elem.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 20px;
	}

.body_makale{
    width: 100%;
    box-shadow: 0px 3px 10px 5px lightgrey;
    
}


.tasjeel{
    position: relative;
    float: left;
    border-left-width: 0px;
}
 
.head_moushahada{
    width: 300px;
    height: 40px;
    background-image: url(images/views.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 15px;
    
}

.head_ichertirak{
    width: 255px; 
    height: 40px;
    background-image: url(images/views.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 15px;
}

.moushahada{
    position: relative;
    margin: 5px;
}

.body_moushahada{
    height: 250px;
    box-shadow: 0px 10px 10px 5px lightgrey;
    line-height: 2;
    font-weight: bold;
}
.content_font>ul{
    line-height: 2;
    font-weight: bold;
}
.idha3a{
    position: relative;
    margin: 5px;
}
.body_idha3a{
    height: 115px;
    box-shadow: 0px 10px 10px 5px lightgrey;
}

.makalat{
    position: relative;
    float: right;
    width: 644px; 
    margin-top: 27px;
    margin-bottom: -3px; 
    border-left-width: 0px;
}

.body_makalat
{
    width: 100%;
    height: 208px;
    box-shadow: 0px 3px 10px 5px lightgrey;

}
.jaddid{
    float: right;
    width: 307px;
    height: 120px;
    background-color: yellow;
    margin-top: 19px; 
    margin-right: 278px;
}

.copyrightinfos {
    text-align: center;
    font-family: "Droid Arabic Kufi",serif;
    font-size: medium;
    font-weight: bold;     
    color: white;
}

.copyrightinfos li{
     text-align: right;
    font-family: "Droid Arabic Kufi",serif;
    font-size: small;
    font-weight: normal;
    color: white;
    
}
.copyrightinfos li>a{
    text-align: right;
    font-family: "Lotus Linotype",serif;
    font-size: small;
    font-weight: normal;
    color: white;
}
/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1024px;
	min-height: 44px;
	position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 0px 0 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li:last-child{
	float: left;
	padding-left: 3px;
	}
#site-navigationul li:last-child {
	float: left;
}

.nav-menu li  a{
    background:url(images/separation_menu.png)	no-repeat scroll right 0 rgba(0, 0, 0, 0);
	color: #006B67;
	display: block;
	font-family: "Droid Arabic Kufi",serif;
    font-size: 14px;
	line-height: 1;
	padding: 15px 10px;
	text-decoration: none;
	font-weight: bold;
	height: 27px; 
	padding-top: 8px;

}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #00807C;
	color: black;
}
  
.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #E9E9E9;
	border-top: 0;
	padding: 0;
	position: absolute;
      	z-index: 99999;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu,
.nav-menu .children  ul{
    height: 0px;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

.cat-item{
	 background-image: url("images/elem.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 28px;
	}
	
ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #050404;
	margin: 0;
	width: 200px;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #006b67;
	
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color:black;
	font-style: bold;	
	height: 28px; 
	padding-top: 7px;
}

.menu-toggle {
	display: none;
}

/* Navbar */

.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}

body {
        background: #DDEBEB none repeat scroll 0% 0%;
	font-size: 19px;
	background-image: url(images/bg.jpg);
}

.navbar {
	background:url(images/menu.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	width: 100%;
	background-color: #F2F2F2;
}

.navbar-nav>li>a {
	font-family: "Droid Arabic Kufi", serif;
	font-size: 16px;
	margin-top: 7px;
}

/*.form-submit {*/
/*	background:*/
/*		url(images/search-loupe.png)*/
/*		no-repeat scroll left 0 rgba(0, 0, 0, 0) !important;*/
/*	left: 100px;*/
/*	position: absolute;*/
/*}*/

/* post title */
.post-title {
	margin: 0 0 5px;
	padding: 5px 0 0 36px;
	font: bold 170%/120% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
}
.post-title a {
	color: #333;
	text-decoration: none;
}
 
#searchbutton {
 	height: 21px;
	width: 23px;
	margin: 11px;
	padding: 6px 0;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	color: #ffffff;
	background: none; 
	border: none;
} 

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #3f7f00;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#d4ffaa; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #3f7f00;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:14px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#5fbf00,3f7f00);

	background-color:#5fbf00;
	border:0px solid #3f7f00;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#5fbf00,3f7f00);

	background-color:#5fbf00;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
.wp-pagenavi{ 
float: right;
text-align: right;}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}