<!-- action_find_addons_1 -->
<!--pbb.logo.start-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Ubuntu:400italic,400">
<script src="tool_tip/js/jquery.js"></script>
<!--[if lt IE 9]>
<script src="js/selectivizr.js"></script>
<script src="js/html5.js"></script>
<script src="js/ie9.js"></script>
<![endif]-->
<script>
/*
TOOLTIP
*/
$( document ).ready( function()
{
var targets = $( '[rel~=tooltip]' ),
target = false,
tooltip = false,
title = false;
targets.bind( 'mouseenter', function()
{
target = $( this );
tip = target.attr( 'title' );
tooltip = $( '<div id="tooltip"></div>' );
if( !tip || tip == '' )
return false;
target.removeAttr( 'title' );
tooltip.css( 'opacity', 0 )
.html( tip )
.appendTo( 'body' );
var init_tooltip = function()
{
if( $( window ).width() < tooltip.outerWidth() * 1.5 )
tooltip.css( 'max-width', $( window ).width() / 2 );
else
tooltip.css( 'max-width', 340 );
var pos_left = target.offset().left + ( target.outerWidth() / 2 ) - ( tooltip.outerWidth() / 2 ),
pos_top = target.offset().top - tooltip.outerHeight() - 20;
if( pos_left < 0 )
{
pos_left = target.offset().left + target.outerWidth() / 2 - 20;
tooltip.addClass( 'left' );
}
else
tooltip.removeClass( 'left' );
if( pos_left + tooltip.outerWidth() > $( window ).width() )
{
pos_left = target.offset().left - tooltip.outerWidth() + target.outerWidth() / 2 + 20;
tooltip.addClass( 'right' );
}
else
tooltip.removeClass( 'right' );
if( pos_top < 0 )
{
var pos_top = target.offset().top + target.outerHeight();
tooltip.addClass( 'top' );
}
else
tooltip.removeClass( 'top' );
tooltip.css( { left: pos_left, top: pos_top } )
.animate( { top: '+=10', opacity: 1 }, 50 );
};
init_tooltip();
$( window ).resize( init_tooltip );
var remove_tooltip = function()
{
tooltip.animate( { top: '-=10', opacity: 0 }, 50, function()
{
$( this ).remove();
});
target.attr( 'title', tip );
};
target.bind( 'mouseleave', remove_tooltip );
tooltip.bind( 'click', remove_tooltip );
});
});
/*
---
*/
</script>
<script>
/*
VIEWPORT BUG FIX
iOS viewport scaling bug fix, by @mathias, @cheeaun and @jdalton
*/
( function( doc )
{
var addEvent = 'addEventListener',
type = 'gesturestart',
qsa = 'querySelectorAll',
scales = [ 1, 1 ],
meta = qsa in doc ? doc[ qsa ]( 'meta[name=viewport]' ) : [];
function fix()
{
meta.content = 'width=device-width,minimum-scale=' + scales[ 0 ] + ',maximum-scale=' + scales[ 1 ];
doc.removeEventListener( type, fix, true );
}
if( ( meta = meta[ meta.length - 1 ] ) && addEvent in doc )
{
fix();
scales = [ .25, 1.6 ];
doc[ addEvent ]( type, fix, true );
}
}( document ) );
</script>
<meta http-**="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="scripts/jquery.aes.js"></script>
<script type="text/javascript" src="scripts/jquery.aes2.js"></script>
<style>
/*
TOOLTIP
*/
#tooltip
{
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
text-align: center;
text-shadow: 0 1px rgba( 0, 0, 0, .5 );
line-height: 1.5;
color: #fff;
background: #333;
background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top: 1px solid #fff;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
position: absolute;
z-index: 100;
padding: 15px;
}
#tooltip:after
{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top-color: #333;
border-top: 10px solid rgba( 0, 0, 0, .7 );
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
#tooltip.top:after
{
border-top-color: transparent;
border-bottom-color: #333;
border-bottom: 10px solid rgba( 0, 0, 0, .6 );
top: -20px;
bottom: auto;
}
#tooltip.left:after
{
left: 10px;
margin: 0;
}
#tooltip.right:after
{
right: 10px;
left: auto;
margin: 0;
}
/*
---
*/
#slideshow {
position: relative;
width: 737px;
height: 193px;
overflow: hidden;
}
#Header_ba #Header_pic #date_ {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #FBFFAA;
}
#slideshow .viewer {
position: absolute;
top: 11px;
left: 9px;
width: 717;
height: 170;
}
#slideshow .reel {
}
#slideshow .slide {
}
#slideshow .border {
position: absolute;
top: -1px;
left: 2px;
width: 737px;
height: 193px;
background: url(images/slideshow.png) no-repeat left top;
}
#slideshow .previous, #slideshow .next {
position: absolute;
display: block;
width: 66px;
height: 61px;
background: url(images/slideshow.png) no-repeat;
text-indent: -9999em;
outline: none;
top: 84px;
background-image: url(images/slideshow.png);
}
#slideshow .previous {
background-position: 0px 100%;
}
#slideshow .next {
right: 10px;
background-position: -60px 100%;
}
@font-face {
font-family: "rabi3";
src: url("fonts/rabi3.eot"); /* IE 9 ááÅÕÏÇÑ ÇáÊÇÓÚ ãä ãÊÕÝÍ ÇáÅßÓÈáæÑÑ */
src: url("fonts/rabi3.eot?") format("eot"), /* IE 6-8 ãä ÇáÅÕÏÇÑ ÇáÓÇÏÓ ÍÊì ÇáËÇãä ãä ãÊÕÝÍ ÇáÅÓßÈáæÑÑ */
url("fonts/rabi3.otf") format("opentype"), /* Other browsers ááãÊÕÝÍÇÊ ÇáÃÎÑì */
url("fonts/rabi3.ttf") format("truetype"); /* Safari, Android, iOS ááãÊÕÝÍÇÊ ÇáåæÇÊÝ æÈÞíÉ ÇáãÊÕÝÍÇÊ ÇáÍÏíËÉ */
}
body,td,th {
}
#footer .rabi3_link {
height: 52px;
width: 76px;
position: absolute;
left: 18px;
top: 25px;
}
#Header_ba {
height: 240px;
background-image: url(ahl_alsona/header_ba.jpg);
width: 1260px;
margin-right: auto;
margin-left: auto;
}
#Header_ba #Header_pic {
height: 240px;
background-image: url(ahl_alsona/Header.PNG);
width: 1260px;
margin-right: auto;
margin-left: auto;
position: relative;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #1C1C10;
background-image: url(ahl_alsona/ba.gif);
}
#output {
width: 990px;
margin-right: auto;
margin-left: auto;
padding-right: 5px;
padding-left: 5px;
position: relative;
background-color: #FFF;
}
#Header_ba #Header_pic .home_link {
height: 43px;
width: 38px;
position: absolute;
left: 931px;
top: 156px;
}
#footer {
width: 1260px;
margin-right: auto;
margin-left: auto;
height: 81px;
background-image: url(ahl_alsona/Footer.jpg);
position: relative;
}
#navbar_ {
position:absolute;
width:904px;
height:74px;
z-index:20;
left: 14px;
top: 177px;
}
#Header_ba #Header_pic #navbar #wrap {
position: relative;
}
#footer_t1 {
position:absolute;
width:781px;
height:31px;
z-index:1;
left: 207px;
top: 46px;
font-family: Rabi3;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-decoration: none;
color: #000;
direction: rtl;
}
#fac_t_y_icons {
position:absolute;
width:39px;
height:203px;
z-index:1;
left: 1012px;
top: 89px;
}
#apDiv1 {
position:absolute;
width:449px;
height:63px;
z-index:2;
left: 8px;
top: 181px;
}
#ads_efct {
position:absolute;
width:469px;
height:59px;
z-index:2;
left: 8px;
top: 64px;
}
#date_ {
position:absolute;
width:368px;
height:13px;
z-index:3;
left: 26px;
top: 9px;
}
#apDiv2 {
position:absolute;
width:943px;
height:54px;
z-index:4;
left: 4px;
top: 180px;
}
/* Dropdowns Menu */
#pop {
margin: 0;
padding: 0;
list-style: none;
color: #1AA0C7;
}
#pop li ul {
margin: 0;
list-style: none;
padding-top: 1;
padding-right: 5;
padding-bottom: 1;
padding-left: 5;
}
#pop li {
float: right;
position: relative;
padding: 0px;
border-left-width: thin;
border-left-style: dotted;
border-left-color: #FFF;
z-index: 2;
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}
#pop li li {
width: 100px;
margin: 0;
padding: 0;
}
#pop li a, #pop li a:link, #pop li a:visited {
color: #FFF;
text-decoration: none;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
padding-top: 0px;
padding-right: 12px;
padding-bottom: 0px;
padding-left: 12px;
margin: 0px;
}
#pop li a:hover, #pop li a:active {
color: #FF0;
display: block;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
text-align: center;
}
#pop li li a, #pop li li a:link, #pop li li a:visited {
color:#FFF;
width: 100px;
margin: 0px;
background-color: #013648;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
float: right;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #024A63;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
}
#pop li li a:hover, #pop li li a:active {
color: #000;
background-color: #016481;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 0px;
margin: 0px;
}
#pop li ul {
position: absolute;
width: 100px;
display: none;
right: 0;
margin: 0px;
padding: 0px;
}
#pop li:hover ul {
display: block;
}
#Header_ba #Header_pic #navbar_ #pop li ul li a {
text-decoration: none;
margin: 0px;
width: 120px;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 0px;
}
</style>
</head>
<body>
<div id="Header_ba">
<div id="Header_pic">
<div id="date_"><script language="JavaScript">
var fixd;
function isGregLeapYear(year)
{
return year%4 == 0 && year%100 != 0 || year%400 == 0;
}
function gregToFixed(year, month, day)
{
var a = Math.floor((year - 1) / 4);
var b = Math.floor((year - 1) / 100);
var c = Math.floor((year - 1) / 400);
var d = Math.floor((367 * month - 362) / 12);
if (month <= 2)
e = 0;
else if (month > 2 && isGregLeapYear(year))
e = -1;
else
e = -2;
return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day;
}
function Hijri(year, month, day)
{
this.year = year;
this.month = month;
this.day = day;
this.toFixed = hijriToFixed;
this.toString = hijriToString;
}
function hijriToFixed()
{
return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 +
Math.floor((3 + 11 * this.year) / 30) + 227015 - 1;
}
function hijriToString()
{
var months = new Array("ãÍÑã","ÕÝÑ","ÑÈíÚ Ãæá","ÑÈíÚ ËÇäì","ÌãÇÏì Ãæá","ÌãÇÏì ËÇäì","ÑÌÈ","ÔÚÈÇä","ÑãÖÇä","ÔæÇá","Ðæ ÇáÞÚÏÉ","Ðæ ÇáÍÌÉ");
return this.day + " " + months[this.month - 1]+ " " + this.year;
}
function fixedToHijri(f)
{
var i=new Hijri(1100, 1, 1);
i.year = Math.floor((30 * (f - 227015) + 10646) / 10631);
var i2=new Hijri(i.year, 1, 1);
var m = Math.ceil((f - 29 - i2.toFixed()) / 29.5) + 1;
i.month = Math.min(m, 12);
i2.year = i.year;
i2.month = i.month;
i2.day = 1;
i.day = f - i2.toFixed() + 1;
return i;
}
var tod=new Date();
var weekday=new Array("ÇáÃÍÏ","ÇáÅËäíä","ÇáËáÇËÇÁ","ÇáÃÑÈÚÇÁ","ÇáÎãíÓ","ÇáÌãÚÉ","ÇáÓÈÊ");
var monthname=new Array("íäÇíÑ","ÝÈÑÇíÑ","ãÇÑÓ","ÅÈÑíá","ãÇíæ","íæäíæ","íæáíæ","ÃÛÓØÓ","ÓÈÊãÈÑ","ÃßÊæÈÑ","äæÝãÈÑ","ÏíÓãÈÑ");
var y = tod.getFullYear();
var m = tod.getMonth();
var d = tod.getDate();
var dow = tod.getDay();
document.write(weekday[dow] + " " + d + " " + monthname[m] + " " + y);
m++;
fixd=gregToFixed(y, m, d);
var h=new Hijri(1421, 11, 28);
h = fixedToHijri(fixd);
document.write(" ãíáÇÏì - " + h.toString() + " åÌÑì ");
</script></div>
<div id="navbar_" style="position: absolute; left: 72px; top: 179px; width: 984px"> <!-- NavBar -->
<ul id="pop">
<li ><a href="http://www.ahl-alsonah.com">
<div align="center"><img src="ahl_alsona/i1.png" /></div><div align="center">
ÇáãæÞÚ</div></a></li>
<li><a href="#">
<div align="center"><img src="ahl_alsona/i2.png" width="40" height="35" /></div><div align="center">
ÇáãäÊÏíÇÊ</div></a>
<ul dir="rtl">
<li><a href="">ÇáãäÊÏíÇÊ ÇáÚÇãÉ</a></li>
<li><a href="http://www.ahl-alsonah.com/shobohat">ÔÈåÇÊ æÑÏæÏ</a></li>
<li><a href="http://www.ahl-alsonah.com/akhawat">Ñßä ÇáÃÎæÇÊ</a></li>
</ul>
</li>
<li><a href="http://www.ahl-alsonah.com/cat-QuranMP3-2.html">
<div align="center"><img src="ahl_alsona/i8.png" width="40" height="35" /></div><div align="center">
ÇáÞÑÂä ÇáßÑíã </div></a></li>
<li><a href="#">
<div align="center"><img src="ahl_alsona/i3.png" width="40" height="35" /></div><div align="center">
ÇáÕæÊíÇÊ</div></a>
<ul dir="rtl">
<li><a href="http://www.ahl-alsonah.com/catsmktba-3.html">ÇáÎØÈ æÇáÏÑæÓ</a></li>
<li><a href="http://www.ahl-alsonah.com/cat-anasheed-8.html">ÇáÃäÇÔíÏ</a></li>
<li><a href="http://www.ahl-alsonah.com/cat-flash-5.html">ÇáÝáÇÔÇÊ</a></li>
</ul>
</li>
<li><a href="http://www.ahl-alsonah.com/cat-youtube-11287.html">
<div align="center"><img src="ahl_alsona/i4.png" width="40" height="35" /></div><div align="center">
ÇáãÑÆíÇÊ</div></a></li>
<li><a href="http://www.ahl-alsonah.com/cat-Islamic-articles-4.html">
<div align="center"><img src="ahl_alsona/i5.png" width="40" height="35" /></div><div align="center">
ÇáãÞÇáÇÊ</div></a></li>
<li><a href="http://www.ahl-alsonah.com/cat-ftwa-25.html">
<div align="center"><img src="ahl_alsona/i10.png" width="40" height="35" /></div><div align="center">
ÇáÝÊÇæì</div></a></li>
<li><a href="http://www.ahl-alsonah.com/cat-book-9.html">
<div align="center"><img src="ahl_alsona/i6.png" width="40" height="35" /></div><div align="center">
ÇáßÊÈ</div></a>
</li>
<li><a href="http://www.ahl-alsonah.com/up">
<div align="center"><img src="ahl_alsona/i9.png" width="40" height="35" /></div>
<div align="center">ãÑßÒ ÇáÊÍãíá</div></a>
</li>
<li><a href="http://www.ahl-alsonah.com/d3m">
<div align="center"><img src="ahl_alsona/i7.png" width="40" height="35" /></div>
<div align="center">ÇÏÚã ÇáãæÞÚ</div></a>
</li>
</ul>
</div></div>
</div>
</div>
<div id="output" style="width: 0px; height: 0px">
<div></div>
</div>
<br/>
<br/>
<br/>
<!--pbb.logo.end-->
{template}main_bar{/template}
<!-- action_find_addons_2 -->
<!-- action_find_addons_1 -->
<!--pbb.logo.start-->
{template}header_bar{/template}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Ubuntu:400italic,400">
<script src="tool_tip/js/jquery.js"></script>
<!--[if lt IE 9]>
<script src="js/selectivizr.js"></script>
<script src="js/html5.js"></script>
<script src="js/ie9.js"></script>
<![endif]-->
<script>
/*
TOOLTIP
*/
$( document ).ready( function()
{
var targets = $( '[rel~=tooltip]' ),
target = false,
tooltip = false,
title = false;
targets.bind( 'mouseenter', function()
{
target = $( this );
tip = target.attr( 'title' );
tooltip = $( '<div id="tooltip"></div>' );
if( !tip || tip == '' )
return false;
target.removeAttr( 'title' );
tooltip.css( 'opacity', 0 )
.html( tip )
.appendTo( 'body' );
var init_tooltip = function()
{
if( $( window ).width() < tooltip.outerWidth() * 1.5 )
tooltip.css( 'max-width', $( window ).width() / 2 );
else
tooltip.css( 'max-width', 340 );
var pos_left = target.offset().left + ( target.outerWidth() / 2 ) - ( tooltip.outerWidth() / 2 ),
pos_top = target.offset().top - tooltip.outerHeight() - 20;
if( pos_left < 0 )
{
pos_left = target.offset().left + target.outerWidth() / 2 - 20;
tooltip.addClass( 'left' );
}
else
tooltip.removeClass( 'left' );
if( pos_left + tooltip.outerWidth() > $( window ).width() )
{
pos_left = target.offset().left - tooltip.outerWidth() + target.outerWidth() / 2 + 20;
tooltip.addClass( 'right' );
}
else
tooltip.removeClass( 'right' );
if( pos_top < 0 )
{
var pos_top = target.offset().top + target.outerHeight();
tooltip.addClass( 'top' );
}
else
tooltip.removeClass( 'top' );
tooltip.css( { left: pos_left, top: pos_top } )
.animate( { top: '+=10', opacity: 1 }, 50 );
};
init_tooltip();
$( window ).resize( init_tooltip );
var remove_tooltip = function()
{
tooltip.animate( { top: '-=10', opacity: 0 }, 50, function()
{
$( this ).remove();
});
target.attr( 'title', tip );
};
target.bind( 'mouseleave', remove_tooltip );
tooltip.bind( 'click', remove_tooltip );
});
});
/*
---
*/
</script>
<script>
/*
VIEWPORT BUG FIX
iOS viewport scaling bug fix, by @mathias, @cheeaun and @jdalton
*/
( function( doc )
{
var addEvent = 'addEventListener',
type = 'gesturestart',
qsa = 'querySelectorAll',
scales = [ 1, 1 ],
meta = qsa in doc ? doc[ qsa ]( 'meta[name=viewport]' ) : [];
function fix()
{
meta.content = 'width=device-width,minimum-scale=' + scales[ 0 ] + ',maximum-scale=' + scales[ 1 ];
doc.removeEventListener( type, fix, true );
}
if( ( meta = meta[ meta.length - 1 ] ) && addEvent in doc )
{
fix();
scales = [ .25, 1.6 ];
doc[ addEvent ]( type, fix, true );
}
}( document ) );
</script>
<meta http-**="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="scripts/jquery.aes.js"></script>
<script type="text/javascript" src="scripts/jquery.aes2.js"></script>
<style>
/*
TOOLTIP
*/
#tooltip
{
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
text-align: center;
text-shadow: 0 1px rgba( 0, 0, 0, .5 );
line-height: 1.5;
color: #fff;
background: #333;
background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-top: 1px solid #fff;
-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
position: absolute;
z-index: 100;
padding: 15px;
}
#tooltip:after
{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top-color: #333;
border-top: 10px solid rgba( 0, 0, 0, .7 );
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
#tooltip.top:after
{
border-top-color: transparent;
border-bottom-color: #333;
border-bottom: 10px solid rgba( 0, 0, 0, .6 );
top: -20px;
bottom: auto;
}
#tooltip.left:after
{
left: 10px;
margin: 0;
}
#tooltip.right:after
{
right: 10px;
left: auto;
margin: 0;
}
/*
---
*/
#slideshow {
position: relative;
width: 737px;
height: 193px;
overflow: hidden;
}
#Header_ba #Header_pic #date_ {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #FBFFAA;
}
#slideshow .viewer {
position: absolute;
top: 11px;
left: 9px;
width: 717;
height: 170;
}
#slideshow .reel {
}
#slideshow .slide {
}
#slideshow .border {
position: absolute;
top: -1px;
left: 2px;
width: 737px;
height: 193px;
background: url(images/slideshow.png) no-repeat left top;
}
#slideshow .previous, #slideshow .next {
position: absolute;
display: block;
width: 66px;
height: 61px;
background: url(images/slideshow.png) no-repeat;
text-indent: -9999em;
outline: none;
top: 84px;
background-image: url(images/slideshow.png);
}
#slideshow .previous {
background-position: 0px 100%;
}
#slideshow .next {
right: 10px;
background-position: -60px 100%;
}
@font-face {
font-family: "rabi3";
src: url("fonts/rabi3.eot"); /* IE 9 ááÅÕÏÇÑ ÇáÊÇÓÚ ãä ãÊÕÝÍ ÇáÅßÓÈáæÑÑ */
src: url("fonts/rabi3.eot?") format("eot"), /* IE 6-8 ãä ÇáÅÕÏÇÑ ÇáÓÇÏÓ ÍÊì ÇáËÇãä ãä ãÊÕÝÍ ÇáÅÓßÈáæÑÑ */
url("fonts/rabi3.otf") format("opentype"), /* Other browsers ááãÊÕÝÍÇÊ ÇáÃÎÑì */
url("fonts/rabi3.ttf") format("truetype"); /* Safari, Android, iOS ááãÊÕÝÍÇÊ ÇáåæÇÊÝ æÈÞíÉ ÇáãÊÕÝÍÇÊ ÇáÍÏíËÉ */
}
body,td,th {
}
#footer .rabi3_link {
height: 52px;
width: 76px;
position: absolute;
left: 18px;
top: 25px;
}
#Header_ba {
height: 240px;
background-image: url(ahl_alsona/header_ba.jpg);
width: 1260px;
margin-right: auto;
margin-left: auto;
}
#Header_ba #Header_pic {
height: 240px;
background-image: url(ahl_alsona/Header.PNG);
width: 1260px;
margin-right: auto;
margin-left: auto;
position: relative;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #1C1C10;
background-image: url(ahl_alsona/ba.gif);
}
#output {
width: 990px;
margin-right: auto;
margin-left: auto;
padding-right: 5px;
padding-left: 5px;
position: relative;
background-color: #FFF;
}
#Header_ba #Header_pic .home_link {
height: 43px;
width: 38px;
position: absolute;
left: 931px;
top: 156px;
}
#footer {
width: 1260px;
margin-right: auto;
margin-left: auto;
height: 81px;
background-image: url(ahl_alsona/Footer.jpg);
position: relative;
}
#navbar_ {
position:absolute;
width:904px;
height:74px;
z-index:20;
left: 14px;
top: 177px;
}
#Header_ba #Header_pic #navbar #wrap {
position: relative;
}
#footer_t1 {
position:absolute;
width:781px;
height:31px;
z-index:1;
left: 207px;
top: 46px;
font-family: Rabi3;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-decoration: none;
color: #000;
direction: rtl;
}
#fac_t_y_icons {
position:absolute;
width:39px;
height:203px;
z-index:1;
left: 1012px;
top: 89px;
}
#apDiv1 {
position:absolute;
width:449px;
height:63px;
z-index:2;
left: 8px;
top: 181px;
}
#ads_efct {
position:absolute;
width:469px;
height:59px;
z-index:2;
left: 8px;
top: 64px;
}
#date_ {
position:absolute;
width:368px;
height:13px;
z-index:3;
left: 26px;
top: 9px;
}
#apDiv2 {
position:absolute;
width:943px;
height:54px;
z-index:4;
left: 4px;
top: 180px;
}
/* Dropdowns Menu */
#pop {
margin: 0;
padding: 0;
list-style: none;
color: #1AA0C7;
}
#pop li ul {
margin: 0;
list-style: none;
padding-top: 1;
padding-right: 5;
padding-bottom: 1;
padding-left: 5;
}
#pop li {
float: right;
position: relative;
padding: 0px;
border-left-width: thin;
border-left-style: dotted;
border-left-color: #FFF;
z-index: 2;
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}
#pop li li {
width: 100px;
margin: 0;
padding: 0;
}
#pop li a, #pop li a:link, #pop li a:visited {
color: #FFF;
text-decoration: none;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
padding-top: 0px;
padding-right: 12px;
padding-bottom: 0px;
padding-left: 12px;
margin: 0px;
}
#pop li a:hover, #pop li a:active {
color: #FF0;
display: block;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
text-align: center;
}
#pop li li a, #pop li li a:link, #pop li li a:visited {
color:#FFF;
width: 100px;
margin: 0px;
background-color: #013648;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
float: right;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #024A63;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
}
#pop li li a:hover, #pop li li a:active {
color: #000;
background-color: #016481;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 0px;
margin: 0px;
}
#pop li ul {
position: absolute;
width: 100px;
display: none;
right: 0;
margin: 0px;
padding: 0px;
}
#pop li:hover ul {
display: block;
}
#Header_ba #Header_pic #navbar_ #pop li ul li a {
text-decoration: none;
margin: 0px;
width: 120px;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 0px;
}
</style>
</head>
<body>
<div id="Header_ba">
<div id="Header_pic">
<div id="date_"><script language="JavaScript">
var fixd;
function isGregLeapYear(year)
{
return year%4 == 0 && year%100 != 0 || year%400 == 0;
}
function gregToFixed(year, month, day)
{
var a = Math.floor((year - 1) / 4);
var b = Math.floor((year - 1) / 100);
var c = Math.floor((year - 1) / 400);
var d = Math.floor((367 * month - 362) / 12);
if (month <= 2)
e = 0;
else if (month > 2 && isGregLeapYear(year))
e = -1;
else
e = -2;
return 1 - 1 + 365 * (year - 1) + a - b + c + d + e + day;
}
function Hijri(year, month, day)
{
this.year = year;
this.month = month;
this.day = day;
this.toFixed = hijriToFixed;
this.toString = hijriToString;
}
function hijriToFixed()
{
return this.day + Math.ceil(29.5 * (this.month - 1)) + (this.year - 1) * 354 +
Math.floor((3 + 11 * this.year) / 30) + 227015 - 1;
}
function hijriToString()
{
var months = new Array("ãÍÑã","ÕÝÑ","ÑÈíÚ Ãæá","ÑÈíÚ ËÇäì","ÌãÇÏì Ãæá","ÌãÇÏì ËÇäì","ÑÌÈ","ÔÚÈÇä","ÑãÖÇä","ÔæÇá","Ðæ ÇáÞÚÏÉ","Ðæ ÇáÍÌÉ");
return this.day + " " + months[this.month - 1]+ " " + this.year;
}
function fixedToHijri(f)
{
var i=new Hijri(1100, 1, 1);
i.year = Math.floor((30 * (f - 227015) + 10646) / 10631);
var i2=new Hijri(i.year, 1, 1);
var m = Math.ceil((f - 29 - i2.toFixed()) / 29.5) + 1;
i.month = Math.min(m, 12);
i2.year = i.year;
i2.month = i.month;
i2.day = 1;
i.day = f - i2.toFixed() + 1;
return i;
}
var tod=new Date();
var weekday=new Array("ÇáÃÍÏ","ÇáÅËäíä","ÇáËáÇËÇÁ","ÇáÃÑÈÚÇÁ","ÇáÎãíÓ","ÇáÌãÚÉ","ÇáÓÈÊ");
var monthname=new Array("íäÇíÑ","ÝÈÑÇíÑ","ãÇÑÓ","ÅÈÑíá","ãÇíæ","íæäíæ","íæáíæ","ÃÛÓØÓ","ÓÈÊãÈÑ","ÃßÊæÈÑ","äæÝãÈÑ","ÏíÓãÈÑ");
var y = tod.getFullYear();
var m = tod.getMonth();
var d = tod.getDate();
var dow = tod.getDay();
document.write(weekday[dow] + " " + d + " " + monthname[m] + " " + y);
m++;
fixd=gregToFixed(y, m, d);
var h=new Hijri(1421, 11, 28);
h = fixedToHijri(fixd);
document.write(" ãíáÇÏì - " + h.toString() + " åÌÑì ");
</script></div>
<div id="navbar_" style="position: absolute; left: 72px; top: 179px; width: 984px"> <!-- NavBar -->
<ul id="pop">
<li ><a href="http://www.ahl-alsonah.com">
<div align="center"><img src="ahl_alsona/i1.png" /></div><div align="center">
ÇáãæÞÚ</div></a></li>
<li><a href="#">
<div align="center"><img src="ahl_alsona/i2.png" width="40" height="35" /></div><div align="center">
ÇáãäÊÏíÇÊ</div></a>
<ul dir="rtl">
<li><a href="">ÇáãäÊÏíÇÊ ÇáÚÇãÉ</a></li>
<li><a href="http://www.ahl-alsonah.com/shobohat">ÔÈåÇÊ æÑÏæÏ</a></li>
<li><a href="http://www.ahl-alsonah.com/akhawat">Ñßä ÇáÃÎæÇÊ</a></li>
</ul>
</li>
<li><a href="http://www.ahl-alsonah.com/cat-QuranMP3-2.html">
<div align="center"><img src="ahl_alsona/i8.png" width="40" height="35" /></div><div align="center">
ÇáÞÑÂä ÇáßÑíã </div></a></li>
<li><a href="#">
<div align="center"><img src="ahl_alsona/i3.png" width="40" height="35" /></div><div align="center">
ÇáÕæÊíÇÊ</div></a>
<ul dir="rtl">
<li><a href="http://www.ahl-alsonah.com/catsmktba-3.html">ÇáÎØÈ æÇáÏÑæÓ</a></li>
<li><a href="http://www.ahl-alsonah.com/cat-anasheed-8.html">ÇáÃäÇÔíÏ</a></li>
<li><a href="http://www.ahl-alsonah.com/cat-flash-5.html">ÇáÝáÇÔÇÊ</a></li>
</ul>
</li>
<li><a href="http://www.ahl-alsonah.com/cat-youtube-11287.html">
<div align="center"><img src="ahl_alsona/i4.png" width="40" height="35" /></div><div align="center">
ÇáãÑÆíÇÊ</div></a></li>
<li><a href="http://www.ahl-alsonah.com/cat-Islamic-articles-4.html">
<div align="center"><img src="ahl_alsona/i5.png" width="40" height="35" /></div><div align="center">
ÇáãÞÇáÇÊ</div></a></li>
<li><a href="http://www.ahl-alsonah.com/cat-ftwa-25.html">
<div align="center"><img src="ahl_alsona/i10.png" width="40" height="35" /></div><div align="center">
ÇáÝÊÇæì</div></a></li>
<li><a href="http://www.ahl-alsonah.com/cat-book-9.html">
<div align="center"><img src="ahl_alsona/i6.png" width="40" height="35" /></div><div align="center">
ÇáßÊÈ</div></a>
</li>
<li><a href="http://www.ahl-alsonah.com/up">
<div align="center"><img src="ahl_alsona/i9.png" width="40" height="35" /></div>
<div align="center">ãÑßÒ ÇáÊÍãíá</div></a>
</li>
<li><a href="http://www.ahl-alsonah.com/d3m">
<div align="center"><img src="ahl_alsona/i7.png" width="40" height="35" /></div>
<div align="center">ÇÏÚã ÇáãæÞÚ</div></a>
</li>
</ul>
</div></div>
</div>
</div>
<div id="output" style="width: 0px; height: 0px">
<div></div>
</div>
<br/>
<br/>
<br/>
<!--pbb.logo.end-->
{template}main_bar{/template}
<!-- action_find_addons_2 -->