.clear{
		clear:both;
		float:none;
		height:0px;
	}
body, html
	{
		height:100%;
		margin: 0px auto;
		background-color:#999999;

	}
	body
	{
		margin: 0px;
		text-align: right;
		FONT-FAMILY: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif; 
	    COLOR: #000000;
	    TEXT-DECORATION: none;
	    font-size: 9pt;
		width:100%;
		background-color:#999999;


	}
	#dhtmltooltip{
	   text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFE8;
		font-size: 10pt;
		position: absolute;
		left: -145px;
		width: 100px;
		border: 2px solid green;
		padding: 2px;
		background-color:  #515151;
		visibility: hidden;
		z-index: 100;
		/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
		filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}

	#dhtmlpointer{
		position:absolute;
		left: -300px;
		z-index: 101;
		visibility: hidden;
	}
	.spacer{DISPLAY: block; HEIGHT: 4px;}
	.spacerTop{DISPLAY: block; HEIGHT: 2px;}
	.newItem{color:red;padding:3px;font-style:italic;text-align:left;font-size:9pt}
	#autoplyselc {
     visibility:hidden ;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000; 
    }
    #autoplyDiv{
     width:400px;
     margin:0px auto;
     background-color:   #FFFFFF; 
	 border:6px solid  #00AE00;
     padding:0;
     text-align:center;
    }
	#autoPlyTop{background:  #00AE00; height:27px;} 
	#AutoPlyInfo{padding-left:6px;font-size:10pt;font-weight:bold;color:  #666666;text-align: left;line-height:20px;}
	#AutoplyRhdr{float:left; text-align:center; padding:3px;padding-top:2px; margin:0px auto;font-size:11pt;font-weight:bold;color: white}
	#AutoplyLHdr{background:  #FFFFFF ;float:right;vertical-align:top; text-align:right;font-size:16px;color:red;font-weight:bold}
	.AutoPlyInput{padding:2px;text-align:center;margin-top:8px;margin-bottom:8px;color:green; font-weight:bold;font-size:11pt;}
	
p {
	margin: 5px 0;
	color: #000000;
	FONT-FAMILY: Arial, Tahoma;
	font-size: 11pt;
	text-decoration: none;
	font-weight: normal;
}
#content {
	margin: 0;
	padding: 0px;
	text-align: center;
	background-color: #999999;
}
.Surahmenubar {
	border-right: 0px;
	border-color: #C0C0C0;
	border-style: solid;
	border-top-width: 12px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	height: 28PX;
	text-align:center;
	color: #000000;
	font-family: Arabic Transparent,Traditional Arabic;
	font-size: 12pt;
	background-color: #999999;
	
}
.PageText-a {
	
	font-family: Arabic Transparent,Traditional Arabic;	
	font-size: 11pt;
	color: #FFFFFF;
	padding-left:2px;
	padding-right:2px;


}
.PageText{
	padding-left:2px;
	padding-right:2px;
	font-family: Arabic Transparent,Traditional Arabic;	
	font-size: 10pt;
	color: #FFFFFF;
}

#opt{  
	width:188px;
	text-align: right; 
	vertical-align:top; 
	padding-right:4px;

}
}
.myMenu {

}
.myMenu h3 {
  	border-right: 2px solid gray;
	border-left:  2px solid gray;
	border-top:  3px solid gray;
    margin: 0;
    padding: 2px;
	FONT-FAMILY: Arial, Tahoma;
	color: #FFFFE8;
	font-size: 12pt;
	font-weight:bold;
	text-decoration: none;
	background-color:  #666666;
	height: 23px;

}
.myMenu h4 {
    margin: 0;
    margin-top: 4px;
    border-top:  0px solid gray;
  	border-right: 0px solid gray;
	border-left:  0px solid gray;
	FONT-FAMILY: Arial, Tahoma;
	color: #FFFFE8;
	font-size: 12pt;
	font-weight:bold;
	text-decoration: none;
	background-color:  #336600;
	height: 23px;

}

.myMenu .content {
	padding: 2px;
	font-size: 11pt;
	color: #FFFFE8;
}
.myMenu .content {
  	border-right: 2px solid gray;
	border-left:  2px solid gray;

	FONT-FAMILY: Arial, Tahoma;
	font-size: 12pt;
	font-weight:normal;
    background-color:#555555;
	color: #FFFFE8;	
}
#SR-Name{
	 margin-left:3px;
	 border-top: 2px solid silver;
	 border-bottom:2px solid silver;
	 border-left: 2px solid silver;
	 border-right: 3px solid silver;
	 height: 32px;
	 width: 99.6%;
	
}
#maintext {
	border-color: #339966;
	border-bottom: 25px solid silver;
	border-left: 2px solid silver;
	border-right: 3px solid silver;
	margin: 0px 0px 0px;
    padding:11px;
	BACKGROUND-COLOR: #FFFFF4;
	overflow: auto;
	font-family: me_quranR3HOQ;
	line-height: 200%;
	font-size: 25px;
	height: 450px;
	color: #000000;
	vertical-align: middle;
	background-repeat: repeat;
}
#mainheader {
	vertical-align: top;
	margin: 0px;
	padding: 6px;
	Text-align: center;
	color: #483900;
	font-family: Arabic Transparent,Traditional Arabic;
	font-size: 14pt;
	height: 31px;
	color: green;
	background-color: #FFFFF4;
}
#translate {
    padding:11px;
	border-color: #339966;
	border-bottom: 25px solid silver;
	border-left: 3px solid silver;
	border-right: 2px solid silver;
	vertical-align: top;
	margin: 0px 0px 0px;
	BACKGROUND-COLOR: #FFFFF4;
	font-size: 13.5pt;
	color: #000000;
	text-align: left;
	overflow: auto;
	height: 450px;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 100%;
	line-height: normal;
}
.button {
	border: 1px solid silver;
	padding: 0px;
	background: white;
    font-family: Arial,Arabic Transparent,Traditional Arabic;
	font-size: 11pt;
	color:  #666666;
	display: inline;
	text-align:right;
	direction:rtl;
	font-weight:bold;
}
.button2 {

	border: 1px solid sliver;
	padding-right: 0px;
	background: white;
    font-family: Arial,Arabic Transparent,Traditional Arabic;
	font-size: 11pt;
	color: green;
	display: inline;
	font-weight:bold;
	text-align:right;
	direction:rtl;
}
.button-e {

	border: 1px solid silver;
	padding-right: 0px;
	background: white;
    font-family: Arial,Arabic Transparent,Traditional Arabic;
	font-size: 9pt;
	color:  #666666;
	display: inline;
	text-align:right;
	direction:rtl;
	font-weight:bold;
}


//a{
//  white-space: nowrap;
//}
.footer{
	
    color: #000000;
	font-family: Arabic Transparent,Traditional Arabic;
	font-size: 9.5pt;
	margin-top:2px

}
#myoptions {
	padding: 0px;
	background-color: gray;
	font-size: 11;
}
TD.motif-L {
	BACKGROUND-COLOR: #FFFFF4;
	background-image: url('imgs-Rel2/motif-L.gif');
	text-align: left;
	background-repeat: no-repeat;
}
TD.motif-R {
	BACKGROUND-COLOR: #FFFFF4;
	background-image: url('imgs-Rel2/motif-R.gif');
	text-align: right;
	background-repeat: no-repeat;
}

A:link {
	COLOR: #000000;
	TEXT-DECORATION: none;

}
A:active {
    font-family: Arabic Transparent,Traditional Arabic;	
	COLOR:#000000; 
	TEXT-DECORATION: none

}
A:visited {
	COLOR:  #000000; 
	TEXT-DECORATION: none
}
A:hover {
	 color:   #97FF2F;
	 TEXT-DECORATION: none;
}
	
	
.style3 {
	color: #99CCFF;
	
	font-family: Arabic Transparent,Traditional Arabic;	
	font-size: 11;
}
.style10 {
	text-align: left;
}
.style11 {
	text-align: right;
}
.style12 {
	font-size: 1pt;
}
.style13 {
	color: #99CCFF;
}