html{width:100%;height:100%;}
body {margin:0px auto;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#423932;width:100%;height:100%;}
a{color:#0B77BD;text-decoration:none;outline:none;}
.clear{clear:both;}

/*---------------------starting main container and general style-----------------------*/
#mp3QuranContaint{width:100%;height:100%;margin:auto;position:relative;}
.logo{width:220px; margin:auto; height:192px;}
.header{text-align:center;line-height:50px;color:#FFFFFF; background-color: #2d2d2d; width: 100%; z-index: 2; }
.box{margin-top: 13px; background-color: #fcfcfc;
margin-right: 20px;
margin-left:  20px;
-moz-box-shadow:    0px 0px 14px -5px #727272;
-webkit-box-shadow: 0px 0px 14px -5px #727272;
box-shadow:         0px 0px 14px -5px #727272;

border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;

padding: 10px;
 }
 

 
a.languge{float:left;color:#FFFFFF; width:62px; font-size:14px;  margin:0px 0px 0px 0px; font-family: Helvetica Neue;cursor: pointer;}
a.languge_selected{float:left;color:#999; width:62px; font-size:14px;  margin:0px 0px 0px 0px; font-family: Helvetica Neue; }
img.languge{float: left;margin: -5px 0 0 2px;}
/*----------------------menu-------------------------*/

.content{text-align:rtl}

.leatter{
float: right;padding: 5px 5px 0px 5px;
border: 1px #ffffff solid;margin: 5px 0px 0px 5px;
height: 20px;width: 20px;
text-align: center;background: rgba(243,243,243,.85);border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;}

.leatter_selected{
float: right;padding: 5px 5px 0px 5px;
border: 1px #ffffff solid;margin: 5px 0px 0px 5px;
height: 20px;width: 20px;
text-align: center;background:#5b97f3 ;border-top-left-radius: 6px;
color:#ffffff;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;}

.corner_wrap{border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px; background:#EFEFEF; width:90%; text-align:left; margin-left:2%; }
.corner_wrap2{background: #E5E5E5; height: 160px; width:95%; text-align:left; margin-left:2%;  z-index: -1;position: absolute;margin-top: -170px;}
.corner_wrap h2{ padding:17px 15px 15px 0px; margin:0px;font-size:14px; font-weight:bold; text-decoration:none;color:#5e4934;}
.corner_wrap h2 a{ font-size:14px; font-weight:bold; text-decoration:none;color:#5e4934;}



.qari_name {float:right; margin-right: 4px ; direction: rtl;}
.qari_lisent {float:left; margin-right: 0px; margin-left: 0px}
.qari_itunse {float:left; margin-right: 15px; margin-left: 15px; margin-top:3px}
							
.qari1 { height: 16px; padding:12px 0 12px 0px; margin:0px 0 0px 0;width:100%;background-color:rgba(243,243,243,.85); border-top: 1px #E5E5E5 solid;}
.qari_name  a{ text-decoration:rtl; color:#777; font-size:16px; font-weight:bold; padding:0 0 0 10px;}

.qari2 { height: 16px; padding:12px 0 12px 0px; margin:0px 0 0px 0;width:100%;background-color:#ffffff; border-top: 1px #E5E5E5 solid;}

							
/*-------------------------------*/
.readerList{width:100%;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;background:#ffffff;margin:0px 0 0 0;color:#636363;}
.allreaderList{overflow: hidden;padding-top:10px;clear: both;}
.allreaderList a{ text-decoration:rtl; color:#777; font-size:16px; font-weight:bold; padding:0 0 0 4px;}


/*------------------------*/


#mushaf_frame {
    -moz-transform: scale(0.6, 0.6) translate(0%, -30%);
	height:880px;
    -webkit-transform: scale(0.8, 0.8) translate(-13%, -13%);
	width:1233px;
	-ms-transform: scale(0.8, 0.8) translate(-13%, -13%);
    -o-transform: scale(0.6, 0.6) translate(32%, -32%);

	
	
}