/* CSS Document */
body{
	background-image: url(images/bg.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color: ##FFFFCC;
    scrollbar-highlight-color: #000000;
    scrollbar-shadow-color: #333333;
    scrollbar-3dlight-color: #555555;
    scrollbar-arrow-color:  #777777;
    scrollbar-track-color: #742004;
    scrollbar-darkshadow-color: #333333;
	
}


.hh {TEXT-DECORATION: NONE ; font-size:22px; font-family:Arial;}

.sign{ 
		color:#FF0000;  
		font-family: Traditional Arabic, Arial,Tahoma; 
		font-size:20px;
		}
.hcc {TEXT-DECORATION: NONE ; font-size:15px; font-family:Arial;COLOR:#333300; font-weight:bold}
.hsub {TEXT-DECORATION: NONE ; font-size:15px; font-family:Arial;COLOR:#333300;font-weight:bold; }

A {TEXT-DECORATION: NONE ;  COLOR:#333300}
A.chan:link {COLOR: Black}
A.chan:hover {COLOR: #FF0080}
.hsub1 {TEXT-DECORATION: NONE ; font-size:13px; font-family:Arial;COLOR:#333300;font-weight:bold}

#quran {Direction:RTL;  font-size:28px;  font-weight: normal; font-style: normal; text-align:justify; font-family: Traditional Arabic, Arial,Tahoma;  }
.quran {Direction:RTL;  font-size:28px;  font-weight: normal; font-style: normal; text-align:justify; font-family: Traditional Arabic, Arial,Tahoma;  }
.tagweed {TEXT-DECORATION: NONE ; font-family:Traditional Arabic, Arial,Tahoma; font-size:28px; direction:rtl;  COLOR:#333300; text-align:justify;  }

.ayaNumber{font-size:18px; font-family:Traditional Arabic, Helvetica, sans-serif;color:green;color: #050;cursor:hand;cursor:pointer; direction:rtl; white-space:nowrap;}
.ayaSelected, .ayaSelected .ayaNumber,.ayaHighlight{background: #FFFF99;background: #FFFF99}
.ayaNumber:hover{
	color: #040;
	background-color: #FFFF99;
}
.ayaHighlight .sign{color:black}
.quran .highlight{color:blue}.besm{text-align:center}.sign{font-family:Times New Roman;color: #FB7600;font-size:0.9em}
.internal-sign{font-family:Times New Roman;color:green;font-size:0.65em}

.style1 {color: #FFFFFF}
.nn .3almat{TEXT-DECORATION: NONE ; font-family:Traditional Arabic, Arial,Tahoma; font-size:18px; color:#FF0000;}

.style3 {color: #FFFCDC}
.style4 {
	font-family: Tahoma;
	font-size: 11px;
	direction:rtl;
	text-align:justify;
	line-height:18px;
}
.style9 {
	font-family: Tahoma;
	font-size: 11px;
}

.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 5px;
margin-bottom: 0;
font:  11px Tahoma;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
cursor:pointer;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;

}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
.menu5 {padding:5px 0 0 1em; margin:0; list-style:none; height:40px; position:relative; background:transparent url(images/pro_five_0c.gif) repeat-x left bottom; font-size:14px; }

.menu5 li {float:right; height:40px; margin-right:1px;}
.menu5 li a {display:block; float:left; height:40px; line-height:35px; color:#663300; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(images/pro_five_0a.gif) no-repeat;}
.menu5 li a b {float:left; display:block; padding:0 16px 5px 12px; background:url(images/pro_five_0b.gif) no-repeat right top;}
.menu5 li.current a {color:#000; background:url(images/pro_five_2a.gif) no-repeat;}
.menu5 li.current a b {background:url(images/pro_five_2b.gif) no-repeat right top;}
.menu5 li a:hover {color:#000; background: url(images/pro_five_1a.gif) no-repeat;}
.menu5 li a:hover b {background:url(images/pro_five_1b.gif) no-repeat right top;}
.menu5 li.current a:hover {color:#000; background: url(images/pro_five_2a.gif) no-repeat; cursor:default;}
.menu5 li.current a:hover b {background:url(images/pro_five_2b.gif) no-repeat right top;}
.widget {
width: 310px;
margin: 20px;
padding: 10px;
background: #f3f1eb;
border: 1px solid #dedbd1;
margin-bottom: 15px;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}

	
		
	.tabdiv {
	margin-top: 2px;
	background: #FFFCDC;
	border: 1px solid #dedbd1;
	padding: 5px;
	direction:rtl;
	}
	
		.tabdiv li {
		list-style-image: url("star.png");
		margin-left: 20px;
		}

.ui-tabs-hide {
		display: none;
		}

		#featuredvid {
		text-align: center;
		}
		
			.fvid {
			margin-bottom: 5px;
			}
		
			.vidselector li {
			text-align: left;
			list-style: none;
			padding: 5px;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}
.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px tahoma, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: right;
color: white;
background: #804000 url(roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #AE5300; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #804000; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}
#tabs {
text-align: center;
float: right; /*Set to "left" or "right" to position menu accordingly*/
/*border-bottom: 1px solid #999e87; uncomment this line to add bottom border*/
}
.tabs ul {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style:none;	
}
.tabs li {
	display: inline;
	background: url(images/greenbg.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: right;
}
.tabs a {
	
	background: url(images/greenleft.gif) no-repeat left top;
	color:#FFFFFF;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}
.tabs a span {
	background: url(images/greenright.gif) no-repeat right top;
	display: block;
	padding:2px 8px 1px 2px;
}
.tabs a span {
	float: none;
}
	.quran_border {
	margin-top: 2px;
	margin-left:10px;
	background: #FFFCDC;
	border: 1px solid #996600;
	padding: 5px;
	direction:rtl;
	}
	
.menu-tab-strip{padding:1px 1px 0px;margin-bottom:0px}
.menu-tab-strip ul{list-style-type:none;margin:0px;padding:0px}
.menu-tab-strip li{float:right;display:block;padding-left:3px}
.menu-tab-strip a{
	float:left;
	display:block;
	font-family:tahoma;
	font-size:9px;
	padding:1px 5px;
	position:relative;
	top:1px;
	color: #999;
	border:1px solid #CCC;
	background-color: #FFFFFF;
}.menu-tab-strip a:hover{color:#663300;background: #FBFBFB}.menu-tab-strip .selected{background: #FAFAFA;color:#996600;border-bottom:1px solid #FAFAFA}.menu-tab-strip a.selected:hover{background: #FAFAFA};

.ch{padding:1px 1px 0px;margin-bottom:0px}
.ch a{
	float:right;
	display:block;
	font-family:tahoma;
	font-size:9px;
	padding:1px 1px;
	position:relative;
	top:1px;
	color: #999;
	border:0px solid #CCC;
	background-color: #FFFFFF;
}.ch a:hover{color:#663300;background: #FBFBFB}.ch .selected{background: #FAFAFA;color:#996600;border-bottom:1px solid #FAFAFA}.ch a.selected:hover{background: #FAFAFA};

.trg
{
font:"Times New Roman", Times, serif size:14;
}
#qalqala
{
color:#0000CC;
}
#ra2
{
color:#000066;
}
#lazem
{
color:#990000;
}
#monfsel
{
color:#9900CC;
}
#motsel
{
color:#FF0000;
}
#3ared
{
color:#FF6600;
}
#sela
{
color:#996600;
}
#e5fa2
{
color:#009933;
}
#edgham
{
color:#999999;
}