@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	font: 11px tahoma;
	background:url(images/bg.jpg) repeat-x #222;
	direction:rtl;
	color:#828282;
}
body a{
	color:#828282;
	text-decoration:none;	
}
body a:hover{
	color:#666;
	text-decoration:none;	
}
h4{
	color:#2B3D68;	
	font-size:14px;	
}
p{
	color:#828282;	
	font-size:12px;
}
p a{
	color:#5998E6;	
}
img, div, input, background { behavior: url(iepngfix.htc) }

.mainwrapper {
	width:100%;
	margin: 0px auto 0px auto;
	text-align:center;
	direction:ltr;
}
/* Ramadan 2011
.mainwrapper {
	padding-top: 170px;
	width:100%;
	margin: 0px auto 0px auto;
	text-align:center;
	direction:ltr;
}*/
.flashheader1{
	height:272px;	
}
.banner{
	width:970px;
	//height:90px;
	margin: 0px auto 0px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
	background:#f1f5f8;
	border-top:#aaaaaa dotted 1px;
	
}
.main{
	width:970px;
	margin: 0px auto 0px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
	background:no-repeat #FFF;
	border-top:#aaaaaa dotted 1px;
}
.mainoula{
	width:970px;
	margin: 0px auto 0px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
	background:url(images/oulabg.jpg) bottom left no-repeat #FFF;
	border-top:#aaaaaa dotted 1px;
}
.mainquraan{
	width:970px;
	margin: 0px auto 0px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
	background:url(images/quraanbg.jpg) bottom left no-repeat #FFF;
	border-top:#aaaaaa dotted 1px;
}
.mainemarat{
	width:970px;
	margin: 0px auto 0px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
	background:url(images/emaratbg.jpg) bottom left no-repeat #FFF;
	border-top:#aaaaaa dotted 1px;
}
.mainstar{
	width:970px;
	margin: 0px auto 0px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
	background:url(images/starbg.jpg) bottom left no-repeat #FFF;
	border-top:#aaaaaa dotted 1px;
}

.mainclassic{
	width:970px;
	margin: 0px auto 0px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
	background:url(images/classicbg.jpg) bottom right no-repeat #FFF;
	border-top:#aaaaaa dotted 1px;
}
.commercial{
	width:970px;
	height:102px;
	margin: 0px auto 0px auto;
	padding:10px 0px 10px 0px;
	text-align:center;
	background:#f1f5f8;
	border-top:#aaaaaa dotted 1px;
	
}
.commercial ul{
	float:right; 
	color:red; 
	display:inline; 
	list-style:none;
	margin:0px; 
	padding:0px 15px 0px 0px;
	text-align:center;
	
}
.commercial ul li{
	float:right;
	padding-left:20px;
	display:inline;
}
.commercial ul li div{
	width:300px;
	height:100px;
	padding:0px;
	margin:0px;
	background:#fff;
}
.footer{
	width:970px;
	height:41px;
	margin: 0px auto 0px auto;
	text-align:center;
	background:url(images/bgfooter.gif) repeat-x top;

}
.footer ul {
	margin:0px;
	padding:0px;
	padding-top:15px;
	list-style: none;
}
.footer li {
	display:inline;
	padding-left:10px;
	padding-right:10px;
	list-style: none;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	border-right:#717171 solid 1px;
}
.footer ul li a {
	color:#fff;
	text-decoration:none;
}
.footer ul li a:hover {
	text-decoration:underline;
	color:#fff;
}
.footer li.selected {
	text-decoration:underline;
}
.footer li.last1 {
	border:none;
}
.copyright{
	color:#fff;
	direction:rtl;
	font:10px tahoma;
	width:950px;
	height:20px;
	margin: 0px auto 0px auto;
	padding:10px;
	text-align:center;
}
.copyright a{
	color:#fff;
	font:10px tahoma;
	text-decoration:none;
}
.copyright a:hover{
	color:#fff;
	font:10px tahoma;
	text-decoration:underline;
}
.bgmenu{
	background:url(images/bgmenu.gif) repeat-x;
	height:36px;
	color:#FFF;
	font-size:12px;
	padding:0px 1px 0px 2px;
}

.bgmenu a{
	color:#fff;
	text-decoration:none;	
}
.bgmenu a:hover{
	color:#6e6e6e;
	text-decoration:none;	
}

.marqwee{
	height:24px;
	background-color:#f1f1f1;
	border-bottom:#e4e4e4 solid 1px;
	color:#666666;
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
}
a#twitter  {
    background-image:url(images/twitter.gif);
	background-repeat:no-repeat;
	color:#fff;
	cursor:pointer;
	height:86px;
	left:0;
	margin-left:-7px;
	overflow:hidden;
	position:fixed;
	text-indent:-100000px;
	top:40%;
	width:30px;
	z-index:100000;
}
a#twitter:hover,a#facebook:hover {
	margin-left:-14px;
}
a.twitter_right,a.facebook_right {
	left:auto !important;
	margin-left:auto !important;
	margin-right:0 !important;
	right:0 !important;
	width:24px !important;
}
a.twitter_right:hover,a.facebook_right:hover{
	margin-left:auto !important;
	margin-right:0 !important;
	width:30px !important;	
}






a#facebook  {
    background-image:url(images/facebook.gif);
	background-repeat:no-repeat;
	color:#fff;
	cursor:pointer;
	height:86px;
	left:0;
	margin-left:-7px;
	overflow:hidden;
	position:fixed;
	text-indent:-100000px;
	top:52%;
	width:30px;
	z-index:100000;
}

/*--------SAFARI HACK-------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) 
	{
	a#facebook{
		background-image:url(images/facebook.gif);
		background-repeat:no-repeat;
		color:#fff;
		cursor:pointer;
		height:86px;
		left:0;
		margin-left:-7px;
		overflow:hidden;
		position:fixed;
		text-indent:-100000px;
		top:51%;
		width:30px;
		z-index:100000;
			}
	}
/*------END HACK-------------------------------*/




#trends  {
	position:relative;
}
.background .inner, #trends {
	margin:0 auto;
	width:960px;
}
#trends ul {
	list-style:none outside none;
	margin:0;
	padding:0;
	position:relative;
	white-space:nowrap;
	z-index:20;
}
#trends li.trend-label {
	color:#DDEEFF;
	font-size:9px;
	letter-spacing:0.2em;
	text-transform:uppercase;
}

#trends a, #trends li.trend-label {
	padding:8px 4px;
}
#trends li {
	display:inline;
	margin:0;
	padding:0;
}
.fade {
	background:url(images/fade-trends2.png) repeat-y scroll 0 0 transparent;
	display:block;
	left:0;
	padding:4px 0;
	pointer-events:none;
	position:absolute;
	top:-4px;
	width:60px;
	z-index:30;
}
.inner  {
	overflow:hidden;
	position:relative;
	width:860px;
}
.fade-right  {
	background-position:-60px 0;
	left:auto;
	right:0px;
}





















/*------------------------------------------------------DROPDOWN-------------------------------------------*/

ul.dropdown,
ul.dropdown li,
ul.dropdown ul,	
ul.dropdown1,
ul.dropdown1 li,
ul.dropdown1 ul {	
	
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown{
 position: relative;
 z-index: 597;
 float: right;
 text-align:right;
}
ul.dropdown1 {
 position: relative;
 z-index: 597;
 float: left;
 text-align:right;
}
ul.dropdown li,ul.dropdown1 li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
/* zoom: 1;
*/}

ul.dropdown li.hover,
ul.dropdown li:hover,
ul.dropdown1 li.hover,
ul.dropdown1 li:hover {

 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul,ul.dropdown1 ul {
	visibility: hidden;
	position: absolute;
	top: 38px;
	left: -10px;
	z-index: 598;
	width: 100%;
}

ul.dropdown ul li,ul.dropdown1 ul li {
 float: none;
}


ul.dropdown li:hover > ul,ul.dropdown1 li:hover > ul {
 visibility: visible;
}

/*------------------------------------DEFAULT----------------------------------------*/

#nav{
	text-align:right;
	float:right;	
	padding-top:3px;
	
}
#nav1{
	text-align:left;
	float:left;	
	padding-top:3px;
	
}

ul.dropdown li,ul.dropdown1 li{
	color:#fff;
	font-size:11px;

}
ul.dropdown li.separate,ul.dropdown1 li.separate{
	
	padding:0px 2px 0px 2px;
}
ul.dropdown li a,ul.dropdown1 li a{
	color:#fff;
	font-size:11px;
	display: block;
	margin: 0px;
	height:24px;
	padding: 7px 15px 0px 15px;
	text-decoration:none;
}
/*--------SAFARI HACK-------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) 
	{
	ul.dropdown li a,ul.dropdown1 li a{
	color:#fff;
	font-size:11px;
	display: block;
	margin: 0px;
	height:23px;
	padding: 8px 15px 0px 15px;
	text-decoration:none;
			}
	}
/*------END HACK-------------------------------*/
ul.dropdown li a:hover,ul.dropdown1 li a:hover{
	color: #FFFFFF;
	background-color:#6d6d6d;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
}

ul.dropdown li.selected3,ul.dropdown1 li.selected3{
	color:#fff;
	font-size:11px;
	display: block;
	margin: 0px;
	height:24px;
	padding: 7px 15px 0px 15px;
	background-color:#6d6d6d;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
}
/*--------SAFARI HACK-------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) 
	{
	ul.dropdown li.selected3,ul.dropdown1 li.selected3{
	color:#fff;
	font-size:11px;
	display: block;
	margin: 0px;
	height:23px;
	padding: 8px 15px 0px 15px;
	background-color:#6d6d6d;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
}
	}
/*------END HACK-------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/




.lang ul {
	margin:0px;
	padding:0px;
	list-style: none;
	padding-top:2px
}
/*------FIRFOX HAKING______________________*/
body:nth-of-type(1) .lang ul, x:-moz-any-link, x:default {

  margin:0px;
	padding:0px;
	list-style: none;
	padding-top:0px
 }
/*--------END FIRFOX HAKING-------------------*/
.lang li {
	display:inline;
	list-style: none;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	float:left;
	padding:8px 0px 10px 0px;
	width:auto;
}
.lang li.separate{
	display:inline;
	list-style: none;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	float:left;
	padding:0px 2px 0px 2px;
	
}

.lang ul li a {
	color:#fff;
	text-decoration:none;
	padding:8px 8px 10px 8px;
}
.lang ul li a:hover {
	text-decoration:none;
	background-color:#6d6d6d;
	padding:8px 8px 10px 8px;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;

}
.leftcolumn{
	width:310px;
	padding-right:9px;
}
.leftcolumn1{
	width:310px;
	padding-left:9px;
}
.rightcolumn{
	width:590px;

}
.container{
	margin-bottom:10px;
}
.weather{
	width:298px;	
	height:138px;	
	border-left:#c0e2ff solid 1px;
	border-right:#c0e2ff solid 1px;	
	background:url(images/weatherbg.gif) top repeat-x #bee1ff;
	color:#5d6e8b;
	font-size:12px;
	
}
.weather h1{
	color:#5d6e8b;
	font-size:36px;
	margin:0px;
	
}
.weather h3{
	color:#5d6e8b;
	font-size:21px;	
	font-weight:normal;	
}
.weather h3 span{
	color:#5d6e8b;
	font-size:10px;
	font-weight:normal;
}
.weather h4{
	color:#5d6e8b;
	font-size:15px;
	
}

.borderright{
	border-right:#b1c8f0 solid 1px;		
}
.borderbottom{
	border-bottom:#b1c8f0 solid 1px;		
}
.borderbottom1{
	border-bottom:#fff solid 1px;		
}
.paddingright{
	padding-right:10px;	
}
.paddingleft{
	padding-left:10px;	
}
.margintop{
	margin-top:0px;
	padding-top:0px;
}
.margintopnumber{
	margin-top:5px;
	padding-top:5px;
}
.margintopnumber1{
	margin-top:2px;
	padding-top:2px;
}
.marginbottom{
	margin-bottom:0px;
	padding-bottom:0px;
}
.marginbottomnumber{
	margin-bottom:5px;
	padding-bottom:5px;
}
.paddingtop{
	padding-top:10px;	
}
.paddingbottom{
	padding-bottom:10px;	
}
.paddingbottom1{
	padding-bottom:5px;	
}
.paddingtop1{
	padding-top:20px;	
}
.selectmenu{
	padding:3px;
	direction:rtl;
	color:#568abc;
	font:12px tahoma;
	background-color:#efecf5;
	border:#adb9c7 solid 1px;
}
.paddingall{
	padding:10px;	
}



.vote{
	border:#d4d0dc solid 1px;
}
.vote td{
	height:136px;
	background:url(images/bgvote.jpg) bottom #f6f7f8 repeat-x;
	color:#484c58;
	font-size:12px;
	padding:10px;
}
.vote td h3{
	font-size:1.4em;
	color:#8c96a4;
	margin-top:0px;
	margin-bottom:10px;
}
.vote td p{
	margin:5px;
}
.vote td label{
	color:#9aa1b3;
}
.vote th{
	height:40px;
	padding-right:20px;
	background-color:#c5ccd8;
	
}
.buttonoula{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	width:86px;
	height:22px;
	background:url(images/buttonoula-off.jpg) repeat-x;
	border:0px;
	display:inline-block;cursor:pointer;margin:0;
}
/*------FIRFOX HAKING______________________*/
body:nth-of-type(1) .buttonoula, x:-moz-any-link, x:default {
	padding-bottom:5px;
/*-----------------------------------------*/
}
input.buttonoula:focus, input.buttonoula:hover,input.buttonquraan:focus, input.buttonquraan:hover,input.buttonemarat:focus, input.buttonemarat:hover,input.buttonstar:focus, input.buttonstar:hover,input.buttonclassic:focus, input.buttonclassic:hover
{
	background:url(images/button-on.jpg) repeat-x;
}
.buttonquraan{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	width:86px;
	height:22px;
	background:url(images/buttonquraan-off.jpg) repeat-x;
	border:0px;
	display:inline-block;cursor:pointer;margin:0;
}
/*------FIRFOX HAKING______________________*/
body:nth-of-type(1) .buttonquraan, x:-moz-any-link, x:default {
	padding-bottom:5px;
/*-----------------------------------------*/
}


.buttonemarat{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	width:86px;
	height:22px;
	background:url(images/buttonematar-off.jpg) repeat-x;
	border:0px;
	display:inline-block;cursor:pointer;margin:0;
}
/*------FIRFOX HAKING______________________*/
body:nth-of-type(1) .buttonemarat, x:-moz-any-link, x:default {
	padding-bottom:5px;
/*-----------------------------------------*/
}



.buttonstar{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	width:86px;
	height:22px;
	background:url(images/buttonstar-off.jpg) repeat-x;
	border:0px;
	display:inline-block;cursor:pointer;margin:0;
}
/*------FIRFOX HAKING______________________*/
body:nth-of-type(1) .buttonstar, x:-moz-any-link, x:default {
	padding-bottom:5px;
/*-----------------------------------------*/
}

.buttonclassic{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	width:86px;
	height:22px;
	background:url(images/buttonclassic-off.jpg) repeat-x;
	border:0px;
	display:inline-block;cursor:pointer;margin:0;
}
/*------FIRFOX HAKING______________________*/
body:nth-of-type(1) .buttonclassic, x:-moz-any-link, x:default {
	padding-bottom:5px;
/*-----------------------------------------*/
}
.headertitleoula{
		height:25px;
		background:url(images/bgoula.jpg) repeat-x;
		border-bottom:#FFF solid 1px;
}
.headertitlequraan{
		height:25px;
		background:url(images/bgquraan.jpg) repeat-x;
		border-bottom:#FFF solid 1px;
}
.headertitleemarat{
		height:25px;
		background:url(images/bgemarat.jpg) repeat-x;
		border-bottom:#FFF solid 1px;
}
.headertitlestar{
		height:25px;
		background:url(images/bgstar.jpg) repeat-x;
		border-bottom:#FFF solid 1px;
}
.headertitleclassic{
		height:25px;
		background:url(images/bgclassic.jpg) repeat-x;
		border-bottom:#FFF solid 1px;
}
.headertitle{
		height:25px;
		background:url(images/bgbar.jpg) repeat-x;
		border-bottom:#FFF solid 1px;
}
.bgcolor{
	background-color:#f1f1f1;	
	direction:rtl;
}
.bgcolor1{
	background-color:#e4e6ec;	
	direction:rtl;
}
.bgcuver{
	background:url(images/curve.gif) no-repeat 460px top #f1f1f1;
	direction:rtl;
	height:15px;
	color:#8491a4;
	font-size:11px;
	padding-right:55px;
}
.bgcuver1{
	background:url(images/curve.gif) no-repeat 40px top #f1f1f1;
	height:15px;
	color:#8491a4;
	font-size:11px;
	padding-left:52px;
}

.justified{
	text-align:justify;	
}
.previous a{
	width:14px;
	height:13px;
	background:url(images/previous.png) no-repeat left;
	
}
.previous a:hover{
	width:14px;
	height:13px;
	background:url(images/previous.png) no-repeat right;
	
}
.next a{
	width:14px;
	height:13px;
	background:url(images/next.png) no-repeat left;
	
}
.next a:hover{
	width:14px;
	height:13px;
	background:url(images/next.png) no-repeat right;
	
}
.bgpic{
	width:125px;
	height:91px;
	background:url(images/bgpic.png) no-repeat;
}
.bgpic1{
	float:right;
	text-align:center;
	width:112px;
	height:102px;
	background:url(images/bgpic1.png) no-repeat;
	vertical-align:middle;
	padding-top:10px;
}
.bgpic11{
	float:left;
	text-align:center;
	width:112px;
	height:102px;
	background:url(images/bgpic1.png) no-repeat;
	vertical-align:middle;
	padding-top:10px;
}
.time{
	height:83px;
	padding:10px 0px 10px 0px;
	direction:rtl;	
	color:#60b1d6;
	font-size:11px;
	margin:0px;
}
.time p{
	margin:0px;	
}
.time h3{
	color:#4B83BA;
	font:bold 12px Tahoma,Geneva,sans-serif;	
}
.time1{
	direction:rtl;	
	color:#0bcfff;
	font-size:15px;
}
.tectfield{
	width:140px;
	height:14px;
	border:0 none;
	padding:2px;
	text-align:right;
	color:#60b1d6;
	font:12px Tahoma, Geneva, sans-serif;
	
}
.textareacomment{
	border:0 none;
	overflow-x:hidden;
	overflow-y:auto;
	width:445px;
	height:150px;
	padding:2px;
	text-align:right;
	color:#60b1d6;
	font:12px Tahoma, Geneva, sans-serif;
}
.quote  {
	border-left:21px solid #ececec;
	margin-right:35px;	
	border-top:21px solid #fff;
	display:block;
	height:1px;
	width:1px;
}
.quote1  {
	border-right:21px solid #ececec;
	margin-left:35px;	
	border-top:21px solid #fff;
	display:block;
	height:1px;
	width:1px;
}


.bgabudhabibox{
	width:108px;
	height:77px;
	background:url(images/abudhabibgbox.jpg) no-repeat;
	color:#FFF;
	font-size:13px;
	padding-top:7px;
	font-weight:bold;
}
.bgemaratebox{
	width:108px;
	height:77px;
	background:url(images/emaratebgbox.jpg) no-repeat;
	color:#FFF;
	font-size:13px;
	padding-top:7px;
	font-weight:bold;
}
.bgquraanbox{
	width:106px;
	height:194px;
	background:url(images/quraanbgbox-new.jpg) no-repeat top;
	border-right:#fff solid 1px;
}
.bgclassicbox{
	width:108px;
	height:77px;
	background:url(images/classicbgbox.jpg) no-repeat;
	color:#FFF;
	font-size:12px;
	padding-top:7px;
	font-weight:bold;
}

.hidenclass{
	margin: 0pt; 
	padding: 0pt; 
	color: #FFFFFF; 
	font-size: 28px; 
	font-weight: bold; 
	letter-spacing: 1px; 
	left: -9999px; 
	position: absolute; 
	width: 0pt; 
	display: none;	
}

.flashheader{
	height:272px;
	background:url(images/bgflash.png) bottom center no-repeat;
	padding-bottom:19px;
	padding-left:4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
	{
		.flashheader{
		height:272px;
		background:url(images/bgflash1.png) bottom center no-repeat;
		padding-bottom:19px;
		padding-left:4px;
		}
	}
.bgquraan{
	/*background:url(images/quraan-nationalday-1px.jpg) top center repeat-x #ffffff;*/
	background:url(images/bgquraan1.jpg) top center no-repeat #0e1720;
	/*background:url(images/bgquraan2011-1.jpg) top center no-repeat #e6e1b9 fixed;*/
}
.bgquraan1{
	background:url(images/bgquraan2.jpg) bottom center no-repeat;
	/*background:url(images/quraan-nationalday.jpg) top center no-repeat;*/
}

.emaratetitle{
	color:#50ADA2;
	font-size:35px;
	font-weight:bold;
	font-family:arial;	
}
.num-off{
	width:14px;
	height:14px;
	background-color:#87E4D9;
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	color:#fff;			
}
.num-on{
	width:14px;
	height:14px;
	background-color:#50ADA2;
	font-size:11px;
	font-family:arial;
	font-weight:bold;
	color:#fff;		
}