﻿@charset "UTF-8";
/* CSS Document */
/*    auther haitham darweesh   */


body{
margin:0;
padding:0;
font-size:9pt;
color:#000;
background-color:#cccccc;
font-family:"Traditional Arabic", "arial", " tahoma";
font-size:16px;
}
#header{
background-color:#CCC; 	
}
img{
	border:none;
}
table#container{
margin:0 auto;
width:900px;	
background-color:#FFFFFF;
border:0;
}
#head_image{
	background:#FFFFFF url('../images/pic_01.jpg') no-repeat;
	width:756px;
	height:162px;
}

#one_button table {
	margin-top:10px;
}
#one_button table image{
text-align:center;
}
#line_bg_on{
	background: url('../images/gorup/line_bg.jpg') repeat-x;
	height: 36px;
	width:100%;
}
#tow_button{
	background:url(../images/butt_line.gif) repeat-x; 
	width:556px;
	height:29px;
	float:right;
}
#tow_bg_right{
	background:url(../images/bg_part_05.gif) no-repeat right;height:29px;
}
/****strat*****list button***********/
#tow_bg_left ul,#one_button ul{
list-style:none;
margin:0 auto;
margin-left:20px;
padding:0;
width:520px;
margin-top:5px;
}

#tow_bg_left ul li{ 
float:right;
display:inline;
margin-right:10px;

}



#one_button ul{
	
list-style:none;
margin:0 auto;margin-top:10px;
margin-left:10px;
padding:0;
width:700px;

}

#one_button ul li{ 
float:right;
display:inline;
margin-right:30px;

}

/******start***list button***********/

#tow_bg_left{
	background:url(../images/bg_part_03.gif) no-repeat left ; height:29px;
}
#slider_bar{
	background-color:#003499;
	width:154px;
	height:100%;
	float:left;

}

#main{
	width:601px;
	float:right;
	
	margin:0;
	background-color:#CCCCCC;
	
	
}
/* start Box */


#slide_box{
	margin: 20px auto 0 auto;
}
#main_red_box{
	
	margin:0 auto;
	
}
table#main_red_box,table#red_down_box{
	
	margin:0 auto;
	
}

/*  end  Box */
            /* start property box font */

/* end property box font */

/* last update  */

div#last_update{
	text-align:center;
	font:7pt Tahoma, Geneva, sans-serif;
	color:#FFF;
}

/* last update  */

/* start form news    */

form#news_mail{
margin:0 auto;
width:125px;
}
form #name,#email{
	margin-top:5px;
	margin-bottom:5px;
	background: url(../images/gorup/bginput.gif) no-repeat;
	height:25px;
	padding:3px;
	
}
#name input ,#email input,#search_style{
	
	
	font-family:Tahoma, Geneva, sans-serif;
	font-size:7pt;
	border:0;
	width:112px;
	
}

/* end form news    */

/*  start max reader     */


/*  start max reader     */



#footer{
	width:756px;
	background-color:#3366FF;
	height:35px;
	margin:0 auto;
}




/*******font all format*******/



.text_quran{
	color:navy;
	font-weight:bold;
	
}
.more{
	display:block;
	width:90px;
	margin:0px;
	position:absolute;
	top:85px;
	right:220px;
	
}
.more2{
	display:block;
	width:90px;
	margin:0px;
	position:absolute;
	top:85px;
	right:110px;
	
}
.more a:link,.more a:visited,.more2 a:link,.more2 a:visited{
font:11pt Arial, Helvetica, sans-serif;

color:#930;
margin:1px;
text-decoration:none;

}
.more a:hover,.more2 a:hover{
	color:#034149;
	text-decoration:underline;

	
}



/*******font all format*******/











/***********list format*************/




ul.list_blue,ul.resarch{
	margin: 0 15px 0 0;
	padding: 0;
    direction:rtl;
	list-style-image:url('../images/gorup/bul.gif');
    
     
    
     
      
	  
}
ul#tall_box li{
	display:block;
	height:60px;
	padding:0;
	padding-right:15px;
	margin:0;
	background:#CCC url(../images/gorup/bul.gif) no-repeat; 
	background-position: 100% 5%;
		
}

ul#tall_box{
padding:0;
margin:0;
	
}
ul.resarch{
margin:0 auto;
	
width:80%;
	
}

ul.list_blue li ,ul.resarch li{
	text-align: right;
	margin: 3px 0 10px 0;
}




ul#list_max li  {
	padding: 10px 0 10px 0;
	border-bottom: 2px solid #034149;
	
	
	
}
ul#list_max li:last-child{
	
	border-bottom-style:none;
}
ul.list_blue li a:link ,ul#list_max  li a:link,ul.resarch li a:link{
color:#000000;
text-decoration:none;
display:block;
padding:2px;
	
}
ul.list_blue li a:visited ,ul#list_max li a:visited{

    
	color:#333333;
	text-decoration:none;
}

ul.list_blue li a:hover,ul#list_max  li a:hover,ul.resarch li a:hover{
	color:#E1040A;
	text-decoration:none;
}


ul#list_max{
	margin:0;
	list-style:none;
	padding:0;
	 direction:rtl;
}


p.tip_search{
	direction:rtl;
	font:7pt tahoma;
	color:#999999;
	margin:0;
	padding:0;
}



.date{
	font-family:Tahoma;
	font-size:9pt;
	color:#FFFFFF;
	text-align:center;
}



.top_button img{
	margin-left:10px;
	
}


.context{
font:12pt "Traditional Arabic";
text-align:justify;

float:right;
height:80px;
position:relative;

direction:rtl;
}
.context h3{
font:12pt Arial, Helvetica, sans-serif;

font-weight:bold;
margin:0;
padding:0;
}

ul.bar_button{
margin:0;
padding:0;
list-style-type:none;
float:right;
height:42px;
overflow:hidden;

	}
ul.bar_button li{
display:inline;
float:left;
margin:0;

}

ul#bar_down{
	
	height:33px;
	
}

ul#bar_down li{
	margin:0;
	padding:0;
	height:33px;
	
}
.bg{
background-color:#cccccc;	
}
/**********TITLE**************/
.tables{

margin:0 auto;
margin-top:10px;
margin-bottom:10px;
}
ul#tables{
margin:0 auto;
padding:0;
list-style-type:none;
	direction:rtl;
	color:#000;
	font:9pt Tahoma;
	text-align:center;
	margin-top:40px;
	
	margin-bottom:20px;
	width:95%;
}

ul#tables li,ul#fatw_list li{
	overflow:hidden;
	height:35px;
	float:right;
	
border:1px #f9f5f5 solid;	
	}

ul#tables li.title,ul#fatw_list li.title{
border-bottom:1px #849bc8 solid;

}

ul#tables li.sound{
width:15%;
background-color:#b5cae0;


}
ul#tables li.sound a:link,ul#tables li.sound a:visited{
	padding:0;
	padding-right:38px;
	padding-top:2px;
	
}
ul#tables li.date,ul#fatw_list li.date{
width:15%;
background-color:#4f8d95;

}

ul#tables li.redaer{
width:13%;
background-color:#9ad8e0;
padding-:15px:
}

ul#tables li.title{
	border-top-color:#ebebeb;
border-bottom-color:#c5c5c5;
border-right-color:#ebebeb;
}

ul#tables li span{
		display:block;
	padding-top:7px;
}


/**********TITLE**************/


/************topic*****************/
#topic{
margin:3px;
padding: 5px 15px 5px 15px;


}
#topic img {
       
       margin: 10px;
       border: 1px solid black;
}
div#pic_float{
float:left;
margin-left:20px
}
#title_topic,#end_word{
   font-family:	Monotype Koufi,Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #CB0106;
	text-align: center;
	margin: 6px;
	padding:2px;
	
}

ul#tables li a:link,ul#fatw_accor li a{
padding-right:5px;
display:block;
font-family: Arial;
font-size:12pt;
font-weight:bold;
padding-top:10px;
	direction:rtl;
	color: #000;
	text-align: right;
	text-decoration: none;

	


}
ul#tables li a:hover,table#abl_book a:hover,ul#fatw_accor li a:hover{

	
	color: #4f8d95;
	text-decoration: none;
}
ul#tables li a:visited{
display:block;
font-family: Arial;
font-size:12pt;
font-weight:bold;
padding-top:10px;
	direction:rtl;
	color: #666666;
	text-align: right;
	text-decoration: none;padding-right:5px;
}
/************topic*****************/
.message{
width:300px;
height:100px;
}

#black,.black{
background-color:#FFF;	
}
#red,.red {
	background-color:#e7e8e9;
}

td.under_line{
border-bottom:1px #36F solid;
padding-bottom:8px;

}
table#abl_book, {
		margin-top:30px;
		margin-bottom:30px;		
			font:9pt Tahoma, Geneva, sans-serif;
				text-align: center;
}

div#messages{
	margin:0px;
	font:9pt Tahoma, Geneva, sans-serif;
				text-align: center;
}
table#abl_book p{
		float:left;
		padding:4px;
		margin:5px;
		margin-left:10px;
		border:1px #CCC solid;
		background-color:#FFF;
}
table#abl_book img{
margin:5px;
background:#FFF;
padding:2px;
border:1px #960 solid;
}



/************suggestionsBo*****************/
.suggestionsBox {
	position: absolute;
	left: -30px;
	top:30px;
	margin:0;
	width: 170px; 
	padding:0;
	background:#FFF;
	border-bottom:2px solid #666;
	color: #FFF;
	text-align:right;
	direction:rtl;
	text-decoration:none;
	
	
}

.suggestionsBox li{ 

position:0;
margin:0;

}
#suggest {
	position:relative;
}
ul#inside_bu{
	width:288px;
	margin-left:195px;
	margin-right:30px;
	padding:0;
	list-style-type:none;
	
	
}
ul#inside_bu li{overflow:hidden;
	margin:5px;
display:block;
height:50px;
background-repeat:no-repeat;
background-position:center;
}

input{
	direction:rtl;
	font-weight:bold;
	font-size:12px;
		font-weight:bold;
}
div#short_word{
	text-align:justify;
	direction:rtl;
	padding:5px;
	margin:2px;
	font-size:14pt;

}

.result{
margin:0 auto;
width:140px;

margin-top:90px;
}
ul#list_footer1{
	padding-top:12px;
    width:678px;
	margin:0 auto;

}
ul#list_footer2{
    width:701px;
	text-align:right;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:9px;

}
ul#list_footer1 li,ul#list_footer2 li{
	font-weight:normal;
display:inline;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9pt;
	padding:0.2em;
margin:2px;
	color:#FFF;
}

ul#list_footer1 li a,ul#list_footer2 li a{
	

color:#FFF;
text-decoration:none;

	
	
}
ul#list_footer1 li a:hover,ul#list_footer2 li a:hover{
color:#E1040A;
}

#box_non_img{

	

width:100%;	

}



#box_with_img{

	

width:180px;	

}
table.tools{
	margin-left:30px;
	
}

#statistics{
direction:rtl;
font-weight:bold;
text-align:right;
}
div#player{
margin-left:30px;

}
p.title_guset{
	margin:0;
	margin-right:20px;
padding:0px;
font:14pt Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:right;
color:#FFF;



}
div#up_do div{
display:inline;
margin-left:33px;

}


#list_max {
width:100%;
list-style:none;
padding:0;
margin:0;
top:0;
position:relative;
height:100%;

}
.clear{
clear:both;
}


div#relt a:link{

display:block;
margin:3px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;


}
