.clear{
		clear:both;
		float:none;
		height:0px;
		color: #879BAD;
	}
.style15 {color: #000000;}
#extraMemoOptions{
	color:black;
	font-family: Arial,sans-serif,Helvetica;
    font-weight:570;
    padding: 0;
	font-size: 12px;
	line-height:26px;
	background:#969696;
	text-align:left;
}
.style16 {
    padding-top:1px;
	padding-bottom:1px;
	margin-top: 4px;
	margin-bottom:6px;
    width:100%;
	font-size: 10pt;
	font-weight:bold;
	text-align:center;
	background:gray;
}
#extraOptions{width:99%}
.style17 {
	text-align: center;
	padding-top:2px;
	padding-bottom:2px;
}
.auto-style1 {margin-bottom: 19px;}
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;}
#autoplyselc {
     visibility:hidden ;
     position: absolute;
     left: 0px;
     top: 60px;
     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;}
#MemorizeOptionsDiv {line-height:27px;}
.subdiv {
    padding-top:1px;
	padding-bottom:1px;
	margin-top: 4px;
	margin-bottom:6px;
    width:100%;
	color: #E8F3FF; 
	font-size: 10pt;
	font-weight:bold;
	text-align:center;
	background: #677A8B ;
}
#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: MS Sans Serif, Verdana, Arial, Helvetica, sans-serif; 
	COLOR:  white;
	TEXT-DECORATION: none;
	font-size: 9pt;
}
.Top-HeaderContent {
	font-family: Arial,sans-serif;
	color: #E8F3FF;
	font-size: 10pt;
	font-weight:normal;
}
.Surahmenubar {
    margin-left: 10px;
    margin-right: 10px;
	margin-bottom:1px;
	margin-top:8px;
	font-family: Arial,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: center;
    vertical-align: top;
    width: 186px; 
   	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: 140%;
}
.myMenu {
  border-style: none;
  text-align: left;
  vertical-align:middle;
  font-size: 11pt;
  width: 100%;

}
.myMenu h1{
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: -1px;
	margin-right:1px;
	padding-top:3px;
	padding-bottom:2px;
	color: #232F3F;
	font-size: 14px;
	font-weight: bold;
	FONT-FAMILY: Arial, Helvetica;
	background:#A6C4E1;
	background-image: url('blueR3/active2.gif');
	height: 25px;
}
.myMenu h3 {
	margin: 0;
	padding-right:0px;
	padding-top:7px;
	color: #E8F3FF;
	font-size: 13.4px;
	font-weight: bold;
	FONT-FAMILY: Arial, Helvetica;
	background-image: url('blueR3/active.gif');
	height: 27px;
	width:100%;
	border-left: 0px solid  gray;
}
   
.myMenu h4
{
    margin: 0;
    padding-top:2px;
    border-top:  1px solid gray;
  	border-right: 0px solid gray;
	border-left:  0px solid gray;
	FONT-FAMILY: Arial, Tahoma;
	color:#232F3F;
	font-size: 13.4px;
	font-weight:bold;
	text-decoration: none;
	FONT-FAMILY: Arial, Helvetica;
	background:#A6C4E1;
	background-image: url('blueR3/active2.gif');
	height: 22px;
} 
.myMenu .content {
	border-left: 0px solid  gray;
	border-right:0px solid gray;
	border-top: 0px solid gray;
	border-bottom: 0px solid gray;
    padding: 0;
  	FONT-FAMILY: Arial, Helvetica;
	color: #E8F3FF;
	font-weight: normal;
	font-size: 12px;
	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;
	line-height: 218%;
	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,Helvetica,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 {
	margin: 1px;
	color:  black;
	background-color:#FFFFFF;
	font-weight:normal;
	text-align: left;
	vertical-align:middle;	
	FONT: 14px times; 
    border-color: white;
	border: 1px solid #003300;
	color: #000000;
	display: inline;
	outline-color: #00FF00;
	font-style: normal;
}
.button2 {
	color:#232F3F;
	border: 0px solid silver;
	padding-left: 16px;
	padding-bottom:2px;
	background:#A6C4E1;
	font-size: 13px;
	FONT-FAMILY: Arial, Helvetica;
	font-size: 10pt;
	display: inline;
	text-align:left;
}

//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;
}
#myoptions {
	padding: 0px;
	border-style: solid solid solid solid;
	border-color:  #6E8091 ;
	border-width: 0px 0px 2px 0px;
}
A:link {COLOR: gray;	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, Helvetica, sans-serif;
	font-size: 9pt;
}
.style10 {text-align: left;}
.style11 {text-align: right;}
.style12 {font-size: 1pt;}
.style13 {color: #99CCFF;}