body { padding:0; margin:0; min-height:100%; direction:rtl; text-align:right;}
.l{ float:left;} .r{ float:right;} .clr{ clear:both;}
audio{ width:100%; height:32px !important;}
#player{ border:solid 0px #333; border-radius: 0px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding:15px;background-color: #f7f7f7; position:relative;}
#sora{ margin:0; padding:0;font-family:'Droid Arabic Naskh', Arial; font-size:16px; line-height:20px; margin-bottom:15px;}
#download{font-family:'Droid Arabic Naskh', Arial; font-size:16px; line-height:20px; text-decoration:none;}
#playlist{ width:49%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; transition: border-color 0.3s; font-family:'Droid Arabic Naskh', Arial; font-size:14px; line-height:22px; height:30px; margin-bottom:15px; border:solid 1px #b7b4b4;}
#sheikh{ width:49%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; transition: border-color 0.3s; font-family:'Droid Arabic Naskh', Arial; font-size:14px; line-height:22px; height:30px; margin-bottom:15px; border:solid 1px #b7b4b4;}
#controls {
    margin: 15px auto;
    width: 232px;
}
.ctrl 
{
	cursor:pointer;
    width: 36px;
    height: 36px;
    border: solid 1px #bdb7b7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    margin: 0 10px;
    color: #736e6e;
    background-color: #fff;
}
.selected-ctrl{ background-color:gold; color:#fff;}
h6
{
	    font-size: 14px;
    text-align: center;
    margin: 10px;
    font-weight: normal;
    line-height: 14px;
    margin-bottom: 0;
    margin-top: 5px
}
h6 span{font-weight: bold;}
h6 a
{
	font-size: 14px;
    font-family: Arial;
    color: #3770d0;
    display: inline-block;
    margin-top: 5px;
    line-height: 14px;
    text-decoration: none;
    font-weight:bold;
}
.audio-player{position:relative;}
.mask 
{
	display:none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(150, 145, 145, 0.5);
    top: 0;
    left: 0;
    z-index: 999;
}
.mask i {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: calc(50% - 30px);
}


  footer {
           
			font-family:'Droid Arabic Naskh', Arial; font-size:16px; line-height:20px; margin-bottom:15px;
            direction:ltr; text-align:center;
			text-decoration: none;
        }