.clear{
		clear:both;
		float:none;
		height:0px;
		color: #879BAD;
}
.style15 {color: #000000;}
#extraMemoOptions{
	color:black;
	font-family: Arial,sans-serif,Helvetica;
    padding: 0;
	font-size: 16px;
	line-height:26px;
	background:#969696;
	direction:rtl;
}
.style16 {
    padding-top:1px;
	padding-bottom:1px;
	margin-top: 4px;
	margin-bottom:6px;
    width:100%;
	font-size: 17px;
	font-weight:bold;
	text-align:center;
	background:gray;
}
#extraOptions{width:99%}
.ExtraMenu {
    font-weight:570;
    padding: 0;
	font-size: 12px;
	line-height:26px;
	background:#969696;
}	
.style17 {
	text-align: center;
	padding-top:2px;
	padding-bottom:2px;
	font-size:13px;
}
	
.auto-style1 {font-size: medium;}
	
.auto-style2 {
	padding-top: 2px;
	margin-top: 7px;
	margin-bottom: 4px;
	width: 150px;
	font-family: Arial,Courier, sans-serif;
	color: #92E8D9;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	background: #677A8B;
	height: 20px;
}

 body, html
	{   
	    padding-bottom:0;
	    position :center;
		height:100%;
		background:url('blueR3/bg-m.gif') repeat 100%  100%;
        scrollbar-face-color:   #A6C4E1;
	}
body
	{   
	    padding-bottom:0;
	    padding:0;
	    margin:0;
 	    position: center;
		background:url('blueR3/bg-m.gif') repeat 100%  100%;
		scrollbar-face-color: #A6C4E1;
    }
.style14 {color: #232F3F;}
.spacer{DISPLAY: block; HEIGHT: 4px;}
.spacerTop{DISPLAY: block; HEIGHT: 2px;}
.newItem{color:red;padding:3px;font-style:italic;font-size:9pt, text-align:right;}
#autoplyselc {
     visibility:hidden ;
     position: absolute;
     left: 0px;
     top: 50px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000; 
    }
#autoplyDiv{
     width:400px;
     margin:0px auto;
     background-color:   #FFFFFF; 
	 border:6px solid  #677D92;
     padding:0;
     text-align:center;
    }
#autoPlyTop{background: #677D92; 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:#5C7082; font-weight:bold;font-size:11pt;}
 #content {
    margin-left: 10px;
    margin-right: 10px;
	margin-top:0;
	padding: 0px;
	text-align: center;
	background:  url(blueR3/bg_bText.gif) repeat 100%  100%;
	cellspacing:0;
    scrollbar-face-color: #ADADAD;
}
.footer {
	font-family: Arial,Courier, sans-serif;
	COLOR:  white;
	TEXT-DECORATION: none;
	font-size: 9pt;
}

.Top-HeaderContent {
	font-family: Arial,Courier, sans-serif;
	color: white;
	font-size: 11pt;
	font-weight:bold;
}

.Surahmenubar {
    margin-left: 10px;
    margin-right: 10px;
	margin-bottom:1px;
	margin-top:8px;
	font-family: Arial,Courier, sans-serif;
    color: white;
	font-size: 9pt;
	font-weight:bold;
	background: url(blueR3/head-div.gif) repeat 100%  100%;

}
.EmptyTop {
	background: url(blueR3/head-div.gif) repeat 100%  100%;
	height:1px;
}

.mediaBar{
	text-align:center;
	background:  url(blueR3/m-bg.gif) repeat 100%  100%;
	border-right: 4px solid #A6C4E1;
	border-left: 2px solid #A6C4E1;
	border-top: 2px solid #A6C4E1;
	border-bottom: 1px solid #50617C;
}

.PlayerControlBar{
	valign:top;
    text-align:center;
	border-right: 0px solid  #50617C;
	border-left: 0px solid #50617C;
	border-top: 0px solid  #50617C;
	border-bottom: 0px solid  #50617C;
}
.mediaButton{
    opacity:0.86;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    filter:alpha(opacity=86);
    zoom:1;
    border: 1px solid #879BAD; 
}
.mediaButton:hover{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter:alpha(opacity=100) ;
    border: 1px solid   #E8F3FF; 
}
.opt{
    text-align: right;
    vertical-align: top;
    width: 190px; 
   	padding-left:2px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:3px;
    border-bottom: 4px solid  #A6C4E1;
    border-left: 2px solid   #A6C4E1;
	border-right:2px solid  #A6C4E1;
	border-top: 2px  solid  #A6C4E1;
	line-height: 150%;

}
#MemorizeOptionsDiv{
direction:rtl;
text-align:right;
font-size:11px;	
}
.myMenu {
  border-style: none;
  text-align: right;
  vertical-align:middle;
  width: 100%;
}
.myMenu h1{
	margin: 0;
	padding-right:0px;
	padding-left:0px;
	padding-top:4px;
	margin-bottom:6px;
    height:26px;
	color:   #576877;
	font-size: 14pt;
	font-weight: bold;
	font-family: Arial,Courier, sans-serif;
	background: #A6C4E1;
}

.myMenu h3 {
	margin: 0;
	padding-right:0px;
	padding-top:2px;
	color: white;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial,Courier, sans-serif;
	background-image: url('blueR3/active.gif');
	height: 29px;
	width:100%;
	border-left: 0px solid  gray;
}
.myMenu h4 {
    margin: 0;
    padding: 2px;
    border-top:  2px solid  #6C7E8F;
	font-family: Arial,Courier, sans-serif;
	color:   #576877;
	font-size: 12pt;
	font-weight:bold;
	text-decoration: none;
	background-color: #336699;
	height: 26px;
	background: #A6C4E1;
}
#MemorizeOptionsDiv {line-height:27px;}
.subdiv {
    padding-top:2px;
	padding-bottom:2px;
	margin-top: 4px;
	margin-bottom:6px;
    width:100%;
	font-family: Arial,Courier, sans-serif;
	color: white; 
	font-size: 11pt;
	font-weight:bold;
	text-align:center;
	background: #677A8B ;
}

.myMenu .content {
	border-left: 0px solid  gray;
	border-right:0px solid gray;
	border-top: 0px solid gray;
	border-bottom: 0px solid gray;
    padding-right: 3px;
    padding-top:1px;
	font-family: Arial,Courier, sans-serif;
	color: white;	
	font-weight: normal;
	font-size: 11pt;
	vertical-align:middle;
    margin-bottom:5px;
}
#maintext {
    border-color: #A6C4E1;
    border-style: solid solid solid solid;
	border-width:2px 4px 25px 3px;
	padding: 10px;
	background: #E8F3FF;
	overflow: auto;
	font-family: me_quranR3HOQ;
	font-size: 26px;
	height: 350px;
	color:    black;
	vertical-align: middle;
	scrollbar-face-color:#E8F3FF;
}
#translate {
    border-color:#A6C4E1;
    border-style: solid solid solid solid;
	border-width:2px 0px 25px 2px;
    vertical-align: middle;
	padding: 10px;
	background:#E8F3FF;
	font-family: Arial,Courier, sans-serif;
	font-size:15px;
	color: black;
	text-align:left;
	overflow:auto;
	height: 350px;
	line-height: 150%;
	scrollbar-face-color:#E8F3FF;
}
#bismEng,#bism {text-align:center;}
#mainheader {
vertical-align:middle;
text-align:center;
font-family: me_quranR3HOQ;
font-size: 14pt;
color:#E8F3FF;
margin:0;
padding:0;
}

.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 {
	color: #576877;
	border: 0;
	padding: 0px;
	background: #A6C4E1;
    font-family: Arial,Arabic Transparent,Traditional Arabic;
	font-size: 11pt;
	display: inline;
	text-align:right;
	direction:rtl;
	font-weight:bold;
}
.button-e {
	border: 1px solid silver;
	padding-right: 0px;
	background: white;
    font-family: Arial,Courier, sans-serif;
	font-size: 9pt;
	color:  #666666;
	display: inline;
	text-align:right;
	direction:rtl;
	font-weight:bold;
}
//a{
//  gray-space: nowrap;
//}
#showText,#showVerse
{
    text-align: center;
    padding:1px;
	vertical-align:middle;	
	FONT: 13px times; 
   	border-left: 1px solid #A6C4E1;
   	border-right: 1px solid #A6C4E1;
}

A:link {	color:  silver;	TEXT-DECORATION: none;}
A:active {COLOR:gray;  TEXT-DECORATION: none;}
A:visited {COLOR:  gray;  TEXT-DECORATION: none;}
A:hover {color: #FFCC00;	TEXT-DECORATION: none;}
.style3 {
	color: #999966;
	font-weight: bold;
	font-family: Arial,Courier, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.style10 {text-align: left;}
.style11 {text-align: right;}
.style12 {font-size: 1pt;}
.style13 {color: #99CCFF;}