@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	background-color:#065657;
}
@font-face
{
font-family: myFont;
src: url('../fonts/GE SS Two Light.otf'),
     url('fonts/GE SS Two Light.eot'); /* IE9 */
	 
}
#up{
	width: 100%;
	height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	background-color:#022929;
}
#wrapper{
	width: 1000px;
	margin:0 auto;
	overflow:hidden;
	
}
#header{
	width: 1000px;
	display:block;
	clear:both;
	height:200px;
	margin:0 auto;
	background-image:url(../images/header.jpg)
}
#login{ width:350px;height:30px;float:left;margin:5px 0px 0px 0px;}
#login #userDiv{width:150px;float:right}
#login #userDiv label{}
#login #userDiv #userIcon{
	background-image:url(../images/userDiv.png);
	width:22px;
	height:22px;
	display:block;
	float:right;
	margin:0px 0px 0px 4px;
}


#login #userDiv input {
	width:120px;
	float:right;
	background-color:#CFF;
	border: 1px solid #CCC  ;
	color:#000;
	text-align:right;
	border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    
}
#login #passDiv{}
#login #passDiv #passIcon{background-image:url(../images/passDiv.png);
	width:22px;
	height:22px;
	display:block;
	float:right;
	margin:0px 0px 0px 4px;}
#login #passDiv input{width:120px;color:#FFF;
	float:right;
	background-color:#CFF;
	border: 1px solid #CCC  ;
	color:#000;
	text-align:right;
	border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    
}
#login #btn{
	cursor:pointer;
	width:40px;
	height:17px;
	float:right;
	display:block;
	font-family:myFont;
	margin:3px 5px 0px 5px;
	font-size:9px;
	text-decoration:none;
	color:#CCC;
	border:1px solid #CCC;
	background-color:#363;
	padding:1px 5px 0px 5px;
	text-align:center;
	text-decoration:none;
	border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    box-shadow: rgba(0,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
}
#center{
	 width:900px;
	 margin:8px auto;
	 overflow:hidden;
	 clear:both;
	 height:auto;
}
#right{
	padding:2px;
	width:150px;
	overflow:hidden;
	float:right;
	
}
#right .rightbox{
	padding:2px;
	width:150px;
	overflow:hidden;
	float:right;
	margin:2px 0px 2px 5px;
	border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    box-shadow: rgba(0,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	display:block;
	background-color:#FFF;
	text-align:center;
}

#right .rightbox a{
	width:130px;
	height:20px;
	display:block;
	font-family:myFont;
	margin:4px auto;
	font-size:13px;
	text-decoration:none;
	color:#333;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	box-shadow: rgba(0,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	display:block;
	background-color:#f3f3f3;
	padding:7px 5px 0px 5px;
}
#right .rightbox a:hover{background-color:#cae2e2}


#center #left{
	width:730px;
	height:auto;
	float:left;
	border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    box-shadow: rgba(0,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	display:block;
	background-color:#FFF;}
	
	
#center #left .news{
	width:357px;
	height:auto;
	float:right;
	margin:2px;
	display:block;
	background-color:#FFF;
	border: 1px thin #CCC;
	
	border: 1px solid #E8E8E8;	
}

#center #left .news h4{
	width:340px;
	height:15px;
	font-family:myFont;
	font-size:12px;
        font-weight: normal;
	padding:5px;
	text-align:right;
	margin:2px auto;
	color:#FFFFFF;
	display:block;
	background-color:#366;
}
#center #left .news img{
	width:100px;
	height:100px;
	float:right;
	margin:2px;
	
    border: 1px solid #cae2e2;
	display:block;
	background-color:#FFF;
	background-color:#F4F4F4;
	border: 1px solid #E8E8E8;
}
#center #left .news p{
	width:240px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	/*float:left;*/
	text-align:right;
	margin:0;
	/*background-color:#09F;*/ 
	display:block;
	
	
}
#center #left .news div{
	width:90%;
	display:block;
	clear:both;
}
#center #left .news div a{
	width:50px;
	height:18px;
	clear:both;
	display:block;
	font-family:myFont;
	margin:0px 00px 10px 5px;
	font-size:9px;
	text-decoration:none;
	color:#FFF;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	box-shadow: rgba(5,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	background-color:#363;
	padding:5px 5px 0px 5px;
	text-align:center;
	text-decoration:none;
}

.btn22{
	width:50px;
	height:18px;
	clear:both;
	display:block;
	font-family:myFont;
	margin:0px 00px 10px 5px;
	font-size:9px;
	text-decoration:none;
	color:#FFF;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	box-shadow: rgba(5,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	background-color:#363;
	padding:5px 5px 0px 5px;
	text-align:center;
	text-decoration:none;
}
	
.SubNews{
	width:350px;
    display:block;
	height:30px;
	float:right;
	text-align:right;
	margin:2px;
	padding:4px;
}
.SubNews a{font-family:myFont;font-size:12px;width:100%;text-decoration:none;color:#022929;}
.SubNews a:hover{font-family:myFont;font-size:12px;width:100%;text-decoration:none;color:#000}
.SubNews h5{margin:0;color:#999;font-size:small;font-family:Arial, Helvetica, sans-serif;font-size:11px}
          

#newsDet{width:700px;margin:0 auto;padding:5px;}
#newsDet div{width:700px;margin:0 auto;padding:5px;}
#newsDet div h3{display:block;width:98%;margin:0;font-size:16px;font-family:myfont;text-align:right;clear:both;float:right;}
#newsDet div h4{display:block;width:98%;margin:0;font-size:12px;font-family:myfont;text-align:right;clear:both;float:right;color:#999;}
#newsDet div img {float:right;display:block;padding:4px;width:200px;height:180px;}
#newsDet div p{text-align:right;padding:10px;margin:2px;font-size:13px;font-family:Arial, Helvetica, sans-serif;direction:rtl;}


.mgalat{
	width:353px;
	display:block;
	float:right;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	margin:5px;
        background-color:#ffffff;
	border: 1px solid #E8E8E8;
}
.mgalat .mgalattitle{
	width:340px;
	height:15px;
	font-family:myFont;
	font-size:12px;
        font-weight: normal;
	padding:5px;
	text-align:right;
	margin:2px auto;
	color:#FFFFFF;
	display:block;
	background-color:#366;
	
}
.mgalat .mgalatdata{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	display:block;
	width:95%;
	text-align:right;
	padding:0px 5px 0px 0px;
	margin:0;
	color:#09F;
}
.mgalat  img{width:30%;float:right;background-color:#F4F4F4;
	border: 1px solid #E8E8E8;}
.mgalatText{
	 font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	width:65%;
	text-align:right;
	padding:0px 5px 0px 0px;
	margin:0;
	color:#333;
	float:left;
}
.mgalat .mgalatbtn{
	width:40px;
	height:14px;
	clear:both;
	display:block;
	font-family:myFont;
	margin:0px 00px 10px 5px;
	font-size:9px;
	text-decoration:none;
	color:#FFF;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	box-shadow: rgba(5,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	background-color:#09F;
	padding:1px 5px 0px 5px;
	text-align:center;
	text-decoration:none;
}

.media{
	direction:rtl;
	width:700px;
	display:block;
	margin:2px 0px 2px 0px;
	
	height:20px;
	clear:both;
}
.media .type{width:20px;height:20px;display:block;float:right; }
.media .title{float:right;font-family:myFont;width:300px;font-size:12px;display:block;height:20px;margin:0;padding:2px}
.media .speaker{float:right;font-family:myFont;;font-size:12px;display:block;height:20px;margin:0;width:300px}
.media .download{
	float:right;
	font-size:10px;
	height:14px;
	
	display:block;
	font-family:myFont;
	margin:0px 0px 0px 0px;
	font-size:9px;
	text-decoration:none;
	color:#FFF;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	box-shadow: rgba(5,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	background-color:#09F;
	padding:1px 5px 0px 5px;
	text-align:center;
	text-decoration:none;}
           


	
#up a{
	width:100px;
	height:15px;
	font-family:myFont;
	display:block;
	float:left;
	font-size:12px;
	text-decoration:none;
	margin:5px 8px 0px 18px ;
	color:#000;
	font-weight:bolder;
	
}
#up a:hover{}

#up #search{
	float: left;
	width: 170px;
	border: 1px solid #CCC;
	margin: 2px 3px 0px 0px;
	height:27px;
}
#up #search #textF{
	width: 140px;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: right;
}
#up #search #btn{
	background-image: url(assets/images/search_btn.png);
	width: 21px;
	height: 16px;
	background-repeat: no-repeat;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 2px 0px 0px 0px;
}

#menu{
	width:800px;
	height:35px;
	margin: 0 auto;
	display:block;
	background-color:#022929;
}

#breakingnews{
	width:895px;
	height:30px;
	margin: 0 auto;
	border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    box-shadow: rgba(0,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	display:block;
	background-color:#FFF;
	padding:4px;
}
#breakingnews marquee{width:800px;display:block;height:20px;margin:2px auto;padding:6px;}
#breakingnews marquee a{font-family:myFont;font-size:12px;color:#333;text-decoration:none}
#breakingnews marquee a:hover{}
#menu .mi{
	width:auto;
	height:20px;
	display:block;
	float:right;
	font-family:myFont;
	margin: 4px;
	font-size:12px;
	text-decoration:none;
	color:#CCC;
	display:block;
	background-color:#022929;
	padding:7px 5px 0px 5px ;
	
}
#menu .mi:hover{
	width:auto;
	height:20px;
	display:block;
	float:right;
	font-family:myFont;
	margin: 4px;
	font-size:12px;
	text-decoration:none;
	color:#333;
	border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    box-shadow: rgba(0,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	display:block;
	background-color:#cae2e2;
	padding:7px 5px 0px 5px ;
}
.Dwarat{
	width:700px;
	float:right;
	height:20px;
	display:block;
}
.Dwarat p{
	width:400px;
	float:right;
	display:block;
	margin:0;
	text-align:right;
	padding:0px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.Dwarat span{
	width:150px;
	float:right;
	margin:0;
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.Dwarat a{
	float:right;
	font-size:10px;
	height:14px;
	display:block;
	font-family:myFont;
	margin:0px 15px 0px 0px;
	font-size:9px;
	text-decoration:none;
	color:#FFF;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	box-shadow: rgba(5,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	background-color:#09F;
	padding:1px 5px 0px 5px;
	text-align:center;
	text-decoration:none;
	width:50px;
}
      
#slideshow{
	
	width: 100%;
	height: 320px;
	margin: 0 auto;
	background-color:#CCC;
}

#regForm{width:98%;margin:0 auto;padding:2px;}
#regForm .require{float:right;width:10px;display:block;color:#F00;margin:5px 0px 0px 0px;}
#regForm label{font-family:myFont;font-size:12px;color:#000;width:100px;display:block;float:right;padding:2px;}
#regForm input{display:block;float:right;width:140px;margin:2px;}
#regForm select{display:block;float:right;width:140px;margin:2px;}
#regForm #btn{}
#regForm textarea{display:block;float:right;width:400px;margin:2px 115px 0px 00px;height:70px;}
#regForm input[checkbox]{display:block;float:right;width:40px;margin:2px;}

#regForm #terms{
	width:97%;
	margin:0 auto;
	display:block;
	padding:5px;
	border: 1px solid #366;
}
#regForm #terms ol{ }
#regForm #terms ol li{font-size:13px;}




.tgweem{width:97%;display:block;margin:0 auto;padding:5px;direction:rtl;clear:both}
.tgweem .mnasba{float:right;width:50%;display:block;font-family:myFont;font-size:12px;text-align:right;padding:0px 0px 0px 2px;}
.tgweem .hijri{float:right;width:22%;display:block;font-family:myFont;font-size:12px;text-align:center}
.tgweem .miladi{float:right;width:22%;display:block;font-family:myFont;font-size:12px;text-align:center}
.tgweem .serial{float:right;width:6%;display:block;font-family:myFont;font-size:12px;text-align:center}


#lib{width:97%;display:block;margin:0 auto;padding:5px;direction:rtl;}

#lib .libItem{
	width:230px;
	display:block;
	height:48px;
	float:right;
	margin:3px;
	background-color:#065657;
	
}
#lib .libItem:hover{
	background-color: #396;
}
#lib img{
	width:45px;
	display:block;
	height:45px;
	float:right;
	padding:2px;
	margin:0 auto
}
#lib a{
	width:175px;
	display:block;
	height:30px;
	float:right;
	padding:15px 2px 0px 2px;
	margin:0 auto;
	margin:2px 0px 0px 0px;
	font-family:myFont;
	font-size:12px;
	color:#000;
	text-align:right;
	background-color: #F4F4F4;
	text-decoration:none;
}


#bookDet{width:700px;display:block;margin:0 auto;padding:0px;direction:rtl;overflow:hidden;}
#bookDet div{
	width:228px;
	height:auto;
	display:block;
	float:right;
	background-color:#FFF;
	border: 1px thin #CCC;
	background-color:#F4F4F4;
	border: 1px solid #E8E8E8;
	overflow:hidden;
	margin:2px;
}
#bookDet div p{font-family:myFont;font-size:12px;margin:0;clear:both}
#bookDet div pre{font-family:Arial, Helvetica, sans-serif;font-size:11px;margin:0}
#bookDet div a{
	text-decoration:none;display:block;clear:both;width:40px;
	height:14px;
	clear:both;
	display:block;
	font-family:myFont;
	margin:0px 00px 10px 5px;
	font-size:9px;
	text-decoration:none;
	color:#FFF;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	box-shadow: rgba(5,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	background-color:#09F;
	padding:1px 5px 0px 5px;
	text-align:center;
	text-decoration:none;}
   

#b{text-decoration:none;display:block;clear:both;width:60px;
	height:17px;
	clear:both;
	display:block;
	font-family:myFont;
	margin:5px;
	font-size:11px;
	text-decoration:none;
	color:#FFF;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	box-shadow: rgba(5,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
	background-color:#09F;
	padding:1px 5px 0px 5px;
	text-align:center;
	text-decoration:none;}






#ErrorWindow{
	width:700px;
	display:block;
	padding:5px;
	color:#F00;
	text-align:center;
	font-family:myFont;
	font-size:11px;
}


    








.box{
	width: 260px;
	float: right;
	margin: 20px 0px 20px 0px;
	border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    box-shadow: rgba(0,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.1) 0 0 20px !important;
}
.box #header{
	text-align: right;
	padding: 2px;
	font-family:myFont;
	margin: 0px 0px 10px 0px;
	font-size:small;
}
.box #text{
	padding: 0px 5px 0px 5px;
	text-align: right;
	font-family:myFont;
	font-size:10px;
	font-weight: lighter;
}
.box #more{
	font-family:myFont;
	margin: 4px;
	font-size:12px;
	color: #fb4400;
	text-decoration: none;
}

.rightAdress{
	font-family:myFont;
	margin: 10px auto;
	padding:2px;
	font-size:15px;
	color: #396;
	margin:0;
	text-decoration: none;
	text-align: right;
	display: block;
	width: 98%;
	clear: both;
	height:20px;
	font-weight:lighter;
	border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #CCC;
}
.box2{
	width: 195px;
	float: right;
	margin: 20px 0px 0px 0px;
}
.box2 img{
	width: 159px;
	display: block;
	margin: 0 auto;
	height: 151px;
}
.box2 #header{
	text-align: right;
	padding: 2px;
	font-family:myFont;
	margin: 0px 0px 10px 0px;
	font-size:small;
}
.box2 #text{
	padding: 0px 5px 0px 5px;
	text-align: right;
	font-family:myFont;
	font-size:10px;
	font-weight: lighter;
}







#footer{
	width: 100%;
	height: 200px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0b9091;
	background-color:#022929;
	clear:both;
}

#footer h3 {
	color: #FFF;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 8px;
	font-family:myFont;
	text-decoration:underline;
	text-align:right;
}
#footer .column {
	float: right;
	width: 25%;
	min-height: 100px;
	margin:5px 0px 0px 0px ;
}
#footer .column ul {
	margin-top: 0px;
	margin-left: 8px;
	padding-left: 12px;
	
	list-style:none;
}
#footer .column ul li {
	margin-bottom: 3px;
	display:block;
	text-align:right;
	border-bottom:#999;
	border-bottom-width:1px;
	border-bottom-style:solid;
	
}
#footer .column a {
	text-decoration: none;
	color: #999;
	font-family:myFont;
	font-size:10px;
	text-align:right;
}
#footer .column a:hover {
	color:#CCC;
}
#social{ display:block;height:46px;width:49;display:block;float:right;}
#social img{ }
#social a{}
#social a:hover{}









.BUTTON
{
	border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
	box-shadow: rgba(0,0,0,0.3) 0 1px 2px, inset rgba(0,0,0,0.03) 0 0 20px !important;
	width:100px;;
	float:right;
	height:25px;
	display:block;
	overflow:hidden;
	color:#FFF;
	margin:2px;
	font-family:myFont;
	font-size:13px;
	background-image:url(assets/images/downmenu_bg_.png);
	
	padding:6px 0px 0px 0px;
	text-align:center;
	text-decoration:none;
}

#loding{
	width:350px;
	height:30px;
	float:left;
	margin:5px 0px 0px 0px;
    background-image:url(assets/images/loading.gif);
	background-repeat:no-repeat;
	background-position:center ;
	display:none;
	
	
	
}

#loged{
	width:350px;
	height:30px;
	float:left;
	margin:5px 0px 0px 0px;
	display:block;
}
#loged #name{ float:right;font-family:myFont;font-size:13px;color:#FFF;margin:2px 2px 0px 2px;width:200px;text-align:right;}
#loged #name a{ float:right;font-family:myFont;font-size:13px;color:#FFF;margin:2px 2px 0px 2px;width:200px;text-align:right;text-decoration:none}
#loged #welcome{float:right;font-family:myFont;font-size:13px;color:#CCC;margin:2px 2px 0px 2px;width:100;}
#loged #btn
{
	cursor:pointer;
	width:40px;
	height:17px;
	float:right;
	display:block;
	font-family:myFont;
	margin:3px 5px 0px 5px;
	font-size:9px;
	text-decoration:none;
	color:#FFF;
	background-color:#F00;
	padding:1px 5px 0px 5px;
	text-align:center;
	text-decoration:none;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	box-shadow: rgba(0,0,0,0.7) 0 1px 2px, inset rgba(0,0,0,0.09) 0 0 20px !important;
}
.edit{background-image:url(assets/images/edit.png);width:24px;height:23px;display:block;border:none;}
.edit:hover{background-image:url(assets/images/edit_h.png);width:24px;height:23px;display:block;border:none;}

.del{background-image:url(assets/images/del.png);width:24px;height:23px;display:block;border:none;}
.del:hover{background-image:url(assets/images/del_h.png);width:24px;height:23px;display:block;border:none;}



#usercontent       { width:95%;display:block;margin:0 auto;padding:15px;}
#usercontent .label{ display:block;width:120px;float:right;text-align:right;font-family:myFont;font-size:13px;color:#333;margin:0}
#usercontent .text {
	display:block;
	width:220px;
	float:right;
	text-align:right;
	font-family:myFont;
	font-size:13px;
	color:#000;
	margin:0px 2px 0px 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}