body, html, form
{
    margin: 0;
    padding: 0;
    height: 100%;
    direction: ltr;
    font-size: 100%;
    font-family: Georgia,  "Times New Roman", Times, serif;
    
}

.underconstuction{
	font-weight:normal;
	}

*
{
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'kruti_dev_010regular';
    src: url('../fonts/k010-webfont.eot');
    src: url('../fonts/k010-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/k010-webfont.woff') format('woff'),
         url('../fonts/k010-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/* This stylesheet generated by Transfonter 

(https://transfonter.org) on August 24, 2017 11:17 AM */
/*
@font-face 
{
	font-family: 'Devanagari New';
	src: url('../fonts/DevanagariNormal.eot');
	src: url('../fonts/DevanagariNormal.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DevanagariNormal.woff2') format('woff2'),
		url('../fonts/DevanagariNormal.woff') format('woff'),
		url('../fonts/DevanagariNormal.ttf') format('truetype'),
		url('../fonts/DevanagariNormal.svg#DevanagariNormal') format('svg');

font-weight: normal;
	font-style: normal;
}

   
@font-face {
    font-family: Amar;
	src: url('../fonts/DevanagariNormal.eot');
	src: url('../fonts/DevanagariNormal.eot?#iefix') ,
		url('../fonts/DevanagariNormal.woff2'),
		url('../fonts/DevanagariNormal.woff') ,
		url('../fonts/DevanagariNormal.ttf') ,
		url('../fonts/DevanagariNormal.svg#DevanagariNormal');
	

}

.HindiText * { 
 font-family: 'Devanagari New';/*'kruti_dev_010regular';*/
 font-size : 14pt;
}
        
.HindiText a
 {
 font-size:12px;
 font-family:Georgia, "Times New Roman", Times, serif;
 }

*/
img
{
    border: 0;
}

.hh
{
	 background-color: #79CDFB;
}

.SocialLinks {
    bottom: 7px;
    list-style: none outside none;
    margin: 0 -480px 0 0;
    padding: 0;
    position: absolute;
    right: 40%;
    width: 200px;
    z-index: 91;
}


.AyahTafsirPage
{
    margin: 0;
    padding: 0;
    font-family: Amiri, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    text-align:left;
    font-weight: normal;
    
}

	
.innerSocial
{
   /* bottom:inherit;
    top:125px;
    margin:0 -470px 0 0;
	position:absolute;
	*/
	/** dawood **/
	
    bottom: inherit;
    top: 125px;
    margin: 0 -450px 0 0;
    position: absolute;
	
    }
    
/*--------------- App Store ------------------*/
.AppStore{
    position: absolute;
    bottom: 3px;
    width: 60px;
    height: 33px;
    z-index: 91;
    left: 50%;
    margin-left: -420px;
    
}

.AppStore a{
    display: block;
    width: 27px;
    height: 25px;
    text-indent: -999em;
}

.AppStore a.AndroidStoreEn{
background: url("../images/Android.png") no-repeat scroll 0 0 transparent;
margin-left: -170px;
    
}

.AppStore a.AppStoreEn{
     background: url("../images/Apple.png") no-repeat scroll 0 0 transparent;
     margin-left: -130px;
    
}

.AppStore a.AppStoreAr{
     display: none;
    
}

.AppStore a.AndroidStoreAr{
display: none;
}

.AppStore ul{
	position: relative;
    top: 4px;
}

.AppStore ul li{
   display: inline-block;
    list-style: none outside none;
}


/*--------------- End App Store ------------------*/
	
.SocialLinks > li, .languageLink > li {
display: inline-block;
width: 26px;
height: 26px;
vertical-align: top;
}

.SocialLinks > li iframe{
	margin-top:3px;
	}

	
.SocialLinks > li a, .languageLink > li a {
display: block;
/*width: 26px;*/
margin-right: 5px;
/*height: 26px;*/
/*background: url(../images/social_icon.png) no-repeat;*/
/*text-indent: -999em;*/
outline: 0;
}

.SocialLinks li.facebook{
	width:75px;
	float:right;
	}
	
.SocialLinks li.twitter{
		width:70px;
		float:right;
	}

	
/*.SocialLinks li.facebook a{
	background-position:-28px 0;
	}
	
.SocialLinks li.twitter a{
	background-position:0 0;
	}*/
.languageLink{
	bottom: 7px;
    list-style: none outside none;
    margin: 0 0 0 -475px;
    padding: 0;
    position: absolute;
    left: 40%;
    width: 45px;
    z-index: 91;
	}
	
.innerLang{
	 bottom:inherit;
    top:125px;
	position:absolute;
	}
	
	
	.addToFavorite
{
    background: url("../images/bookmark_icon.png") no-repeat scroll 0 0 transparent;     
    bottom: 7px;
	left: 50%;
	list-style: none outside none;
	margin: 0 0 0 -405px;
	padding: 0;
	position: fixed;
	z-index: 91;
	height: 26px;
	width: 26px;
	cursor : pointer;
	  
}

.languageLink li.en a {
background: none repeat scroll 0 0 #a6e6ff;
color: #000000;
font-weight: bold;
text-decoration: none;
text-indent: inherit;
width: 45px;
padding-top: 2px;
height: 23px;
}
.languageLink li.ar
{
    display:none;
    }

.languageLink li.en {
margin-right: 30px;
text-align: center;
float:left;
}


.friendLinks {
list-style: none outside none;
margin: 0 -400px 0 0;
padding: 0;
position: absolute;
right: 50%;
top : 130px \9;
width: 800px;
direction: rtl;
overflow:hidden;
}

:root .friendLinks {
	list-style: none outside none;
	margin: 0 -417px 0 0;
	padding: 0;
	position: absolute;
	right: 50%;
	top: -70px;
	width: 829px;
	direction: rtl;
	overflow:hidden;
}

	
.friendLinks li {
display: inline-block;
margin-right: 0;
vertical-align: middle;
height:110px;
}


.friendLinks li.tafsirs
{
    float:right;
    }
    
 
.friendLinks li.freeCalegra
{
    float:left;
    }


.friendLinks li a {
    display: inline-block;
    margin-right: 5px;
    outline: 0 none;
    text-indent: -999em;
	box-shadow: 2px 2px 2px #5996ae;
}



	
.friendLinks li.tafsirs a {
background: url(../images/tafsirs_en.png) no-repeat;
width: 77px;
height: 100px;
}

	
.friendLinks li.freeCalegra a{
	background:url(../images/free_islamic.png) no-repeat;
	width:100px;
	height:100px;
	}

.clearBoth
{
    clear: both;
}

.containerScroll
{
    min-height: 100vh;
   /* height: 100%;*/
    position: relative;
    text-align: center;
    width: 100%;
}

.content
{
    padding-bottom: 30px;
}
.content p
{
    text-align: justify;
}

.homepage
{
    position: relative;
    height: 100%;
    padding-bottom: 50px;
    margin: 0 auto;
}

.MostReadPage, .TafasirPage, .AuthorTafasirPage
{
    position: relative;
    /*top: 500px;*/
    /*height: 80%;*/
    padding: 0;
    margin: 0 auto;
    z-index: 7;
}

.OpenNavigation
{
    display: none;
}

.NavinTop
{
    opacity: 0;
    top: 500px;
}

/*#liMabhath, #liSora{
	width:130px !important;
	}
*/
.Navigation
{
    position: absolute;
    width: 100%;
    background-color: #000;
    z-index: 90;
    opacity: 0;
	
}

.Navigation .better-active, .Navigation .active, .Navigation .better-active:hover, .Navigation .active:hover{
	color:rgba(252, 255, 123, 1);
	}


.Navigation ul
{
    list-style: none;
	margin-right:130px;
}

.homepageMenu ul{
	margin-right:30px;
	}

.Navigation ul li
{
    display: inline-block;
}

.Navigation ul li a h1
{
    color: #fff;
    display: block;
    padding: 10px 4px;
    text-decoration: none;
    /*font-weight: bold;*/
	font-size:14px;
}
.Navigation ul li a
{
    color: #fff;
    display: block;
    padding: 10px 4px;
    text-decoration: none;
    /*font-weight: bold;*/
	font-size:14px;
}
.Navigation ul li a:hover
{
    color:#a6e6ff;
}

.Navigation ul li a h1:hover
{
    color:#a6e6ff;
}

.fixed
{
    position: fixed;
    top: 0;
}

.header
{
    padding-top: 20px;
}


.MostReadArrow, .TafsirLibraryArrow, .TafsirsAuthorArrow
{
    z-index: 5;
    display: none;
    width: 80px;
    height: 30px;
    position: fixed;
    bottom: 28px;
    right: 80px;
    background: #000;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    cursor: pointer;
}

.MostReadArrow a, .TafsirLibraryArrow a, .TafsirsAuthorArrow a
{
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 10px;
    display: block;
    width: 0px;
    height: 0;
    margin: 0 auto;
}


.AuthorDescription
{
    background: #fff url(../images/top_background.jpg) repeat-x top;
    padding: 20px;
    max-width: 960px;
    margin: 0 auto 30px;
    text-align: right;
    box-shadow: 0 1px 2px #5996AE;
}

ul.homePageLinks
{
    list-style: none;
    margin-bottom: 3%;
    min-height: 50px;
    max-height: 132px;
    height: 132px;
    overflow: hidden;
    position: relative;
    padding-bottom: 5px;
}


ul.homePageLinks li
{
    display: inline-block;
    overflow: hidden;
    height: 100%;
    min-height: 50px;
    position: relative;
    bottom: 0;
    max-height: 132px;
    box-shadow: 2px 2px 2px #5996ae;
}


.homePageLinks li a
{
    text-decoration: none;
    display: block;
    background: url(../images/largLinksBg.jpg) repeat-x 0 -2px;
    color: #fff;
    width: 196px;
    height: 132px;
    font-size: 16px;
    line-height: 1.6em;
    position: absolute;
    bottom: 0;
}



.homePageLinks li.TafsirsAuthor
{
    margin: 0 10px;
}
.homePageLinks li.TafsirsAuthor a
{
    background-position: 0 -135px;
}

.homePageLinks li.MostRead
{
    margin-right:10px;
    }

.homePageLinks li.MostRead a
{
    background-position: 0 -268px;
}

.homePageLinks li.QuranSearchesLink a
{
    background-position: 0 -375px;
    }



.Search
{
    position: relative;
    margin-right: 40px;
    height: 30px;
   /* margin-bottom: 3%;*/
}

.Search input 	
{
    border: 2px #545454 solid;
    border-right: 0;
    -webkit-border-radius: 7px 0 0 7px;
    -moz-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px;
    padding: 5px;
    background: #fff url(../images/search_bg.jpg) repeat-x top;
    width: 200px;
    box-shadow: 0px 1px 2px #5996ae;
}

.Search a
{
    border: 2px #545454 solid;
    border-left: 0;
    -webkit-border-radius:  0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;
    background: #be5757 url(../images/search_icon.jpg) no-repeat 5px center;
    position: absolute;
    text-indent: -9999em;
    width: 30px;
    padding: 3px 3px 4px;
    box-shadow: 0px 1px 2px #5996ae;
	margin-left:-4px;
	height:19px !important;
}

.pageTitle
{
    display: block;
    font-size:20px;
    text-align: center;
    background: url(../images/en/title_bg.png) center no-repeat;
    margin-bottom: 20px;
    height: 35px;
}

/*-------------------- Search Filter   -----------------*/

.SearchFilter
{
    margin: 0 auto;
    background: #fff url(../images/search_filter.jpg) repeat-x bottom;
    padding: 20px;
    box-shadow: 0px 1px 2px #5996ae;
    text-align: left;
}

.Container .SearchWithTabs
    {
        margin: 40px auto 0;
        text-align: left; /*en*/
        position:relative;
        }

.SearchFilter input, .SearchFilter select
{
    padding: 4px 5px;
    margin-right: 10px;
    margin-bottom: 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
    line-height: 25px;
	max-width:100%;
}


.SearchFilter input{
    line-height: 19px;
}

.buttonStyle
{
    color: #fff;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px;
    background: #9f3535 url(../images/btn_bg.jpg) repeat-x top;
    box-shadow: 0px 1px 2px #c6c6c6;
    font-size:14px;
}

.SearchSlider
{
    display: inline-block;
    list-style: none;
    padding: 3px 10px;
    background: #9f3535 url(../images/btn_bg.jpg) repeat-x top;
    box-shadow: 0px 1px 2px #c6c6c6;
    position: relative;
}

.AyaSlider
{
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.AyaSlider select
{
    margin: 0;
}

.AyaSlider a .SearchSlider li
{
    display: inline-block;
    height: 30px;
    min-width: 15px;
    vertical-align: top;
}

.SearchSlider li a
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}


.AuthLeftArrow
{
    border-color: transparent #FFFFFF transparent transparent;
    border-style: solid;
    border-width: 5px;
    display: block;
    height: 1px;
    width: 1px;
    position: absolute;
    top: 6px;
    left: 3px;
}
.AuthRightArrow
{
    border-color: transparent transparent transparent #FFFFFF;
    border-style: solid;
    border-width: 5px;
    display: block;
    height: 1px;
    width: 1px;
    position: absolute;
    top: 6px;
    right: 6px;
}


/*-------------------- End Search Filter   -----------------*/

.books
{
    position: relative;
    margin: 30px auto 0;
    z-index: 2;
    /*height: 35%;*/
    padding-bottom: 5%;
}



.bookContainer
{
    display: inline-block;
    height: 100%;
    z-index: 1;
    max-height: 206px;
}


.activeBook
{
    z-index: 2;
    overflow: inherit;
}

.bookContainer .closeDetails
{
    width: auto;
    height: 100%;
    max-height: 206px;
}

.activeBook .openDetails
{
    max-height: 450px;
    position: absolute;
    background: #fff;
    border: 3px solid #fff;
    box-shadow: 2px 2px 2px #5996AE;
}

.books .bookContainer .smallBook
{
    border: 3px solid #fff;
    box-shadow: 2px 2px 2px #5996AE;
    height: 100%;
    width: auto;
    cursor: pointer;
    max-height: 206px;
}
.books .activeBook .smallBook
{
    border: none;
    box-shadow: none;
    max-height: inherit;
}

.bookContainer .description
{
    display: none;
}

.activeBook .description
{
    display: inherit;
    padding: 5px 5px 40px 5px;
    text-align: right;
    /*position: relative;*/
}

.activeBook .description h3
{
    font-size: 23px;
}

.activeBook .description .SchoolName
{
    font-size: 14px;
    font-weight: bold;
}
.activeBook .description .AuthorName
{
    font-size: 16px;
    line-height: 1.1em;
}

.activeBook .description .AuthorDate
{
    font-size: 14px;
    color: #8a8a8a;
}

.activeBook .description .bookNav
{
    position: absolute;
    right: -3px;
    width: 174px;
    list-style: none;
    padding: 5px;
    background: #f4f4f4;
    border-top: 1px #b1b1b1 solid;
    bottom:0;
}

.activeBook .description .bookNav li
{
    display: inline-block;
    list-style: none;
}

.activeBook .description .bookNav li.partsCount
{
    padding: 3px;
    float: left;
    font-size: 14px;
    color: #8a8a8a;
}


.AuthorTafasirPage .books
{
    height: 50%;
    width: 55%;
    margin: 0 auto 28px;
    min-height: 250px;
}
.AuthorBookContainer
{
    background: #fff url(../images/top_background.jpg) repeat-x top;
    border: 3px solid #fff;
    box-shadow: 2px 2px 2px #5996AE;
    position: relative;
    height: 80%;
}

.BookDesc
{
    position: absolute;
    font-size: 18px;
}

.SchoolName
{
    display: block;
    margin: 10px 0 3px;
}

.rightLeftNav
{
    position: absolute;
    top: 25%;
    width: 100%;
}

.rightLeftNav .rightArrow
{
    background: url(../images/AuthorRightArrow.png) no-repeat;
    position: absolute;
    text-indent: -9999em;
    width: 38px;
    height: 70px;
    right: -60px;
}

.rightLeftNav .leftArrow
{
    background: url(../images/AuthorLeft_arrow.png) no-repeat;
    position: absolute;
    text-indent: -9999em;
    width: 38px;
    height: 70px;
    left: -60px;
}



.AuthorBooksPagenation
{
    list-style: none;
    display: block;
    height: 20%;
    clear: both;
}

.AuthorBooksPagenation li
{
    display: inline-block;
    position: relative;
    width: 20px;
}

.AuthorBooksPagenation li a
{
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/booksVav.png) no-repeat -24px 0px;
    text-indent: -999em;
    position: absolute;
}

.AuthorBooksPagenation li.ActiveAutherBook a, .AuthorBooksPagenation a:hover
{
    background-position: 0px 0px;
}

.AutherSmallBook
{
    float: left;
    width: auto;
    max-height: 100%;
    height: 100%;
    z-index: 1;
}

.AuthorBookContainer .bookNav
{
    position: absolute;
    width: 100%;
    list-style: none;
    padding: 5px 0;
    background: #f4f4f4;
    border-top: 1px #b1b1b1 solid;
    bottom: 0;
    z-index: 0;
}

.AuthorBookContainer .BookDesc
{
    height: 100%;
    position: relative;
}

.AuthorBookContainer .BookDesc h3
{
    padding-top: 8%;
}

.AuthorBookContainer .bookNav li
{
    display: inline-block;
    margin: 0 3px;
}

.Hidden
{
    display: none;
}

.Visible
{
    display: inherit;
}


.booksPagenation
{
    display: inline-block;
    height: 30px;
    margin-bottom: 5%;
    list-style: none;
    max-width: 500px;
    margin: 0 auto;
    clear: both;
    background: #333 url(../images/pagenation_btn_d.jpg) repeat-x bottom;
    box-shadow: 0px 1px 2px #5996AE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:13px;
    font-weight:bold;
}

.booksPagenation li
{
    /*background: #fff url(../images/pagenation_btn.jpg) repeat-x bottom;*/
    display: inline-block;
}

.booksPagenation li a
{
    text-decoration: none;
    display: block;
    padding: 7px 12px;
    font-family:Georgia, "Times New Roman", Times, serif;
    color: rgb(109, 109, 109);
    height: 20px;
    min-width: 28px;
}

.booksPagenation li a:hover
{
    color: #fff;
}

.booksPagenation li a:active
{
    padding: 4px 12px 6px;
}

.booksPagenation li.rightArrow a
{
    background: url(../images/en/pagenation_l_right.png) no-repeat 11px 6px;
    text-indent: -9999em;
    padding: 5px 0;
    width: 30px;
    cursor: pointer;
}

.booksPagenation li.leftArrow a
{
    background: url(../images/en/pagenation_l_left.png) no-repeat 11px 6px;
    text-indent: -9999em;
    padding: 5px 0;
    width: 30px;
    cursor: pointer;
}


.booksPagenation li.disabled a
{
    box-shadow: 0px 0px 0px #5996ae;
    /*background: #000;*/
    color: #fff;
}


/*Footer*/

.Footer
{
    height: 23px;
    text-align: center;
    background-color: #a6e6fe;
    padding-top: 5px;
    width: 100%;
    bottom: -150px;
    opacity: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    color: #5494ac;
    z-index: 5;
    position: fixed;
    display: none;
    clear: both;
}

.ActiveFooter
{
    display: inherit;
}
/*------------------------- End Home Page Style --------------------------*/

.QuranicResearches
{
    display:block;
    list-style:none;
    text-align:center;
    padding:50px 0;
    }
    
    
.QuranicResearches li
{
    display:inline-block;
    margin-left:20px;
    text-align:center;
    max-width:120px;
    vertical-align:top;
    }
    
.QuranicResearches li span img{ width:120px; height:auto; margin-bottom:5px;}

.QuranicResearches li a h2, .QuranicResearches li a
{
    font-size:16px;
    color:#000;
    text-decoration:none;
    }

/*------------------------- Inner Pages Style --------------------------*/

.Container
{
    position: relative;
    min-height: 100%;
    height: auto !important;
    padding-bottom: 47px;
}

.header
{
    margin: 0 auto 20px;
}

.Container .Navigation
{
    position: inherit;
    text-align: center;
    margin-bottom: 20px;
}

.Container .Footer
{
    display: inherit;
    opacity: 1;
    position: absolute;
    bottom: 0;
}

.header .rightLogo
{
    float: right;
}


.Innerlogo
{
    position: absolute;
}

.Innerlogo a
{
    text-decoration: none;
    color: #000;
}

.LeftTextLogo
{
    float: left;
}

.Container .SearchFilter
{
    /*margin-bottom: 40px;*/
}

.contentContainer
{
    background: #fff url(../images/top_background.jpg) repeat-x top;
    padding: 30px 20px;
    min-height: 340px;
    position: relative;
    bottom: 0;
    max-width: 920px;
    margin: 0 auto;
    /*height: 100%;*/
}


.contentContainer .content
{
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    font-size: 12pt;
	line-height:1.8;
}

.contentContainer .content p
{
    line-height: 1.3em;
    margin-bottom: 20px;
}

.Ayah
{
    color: #008000;
}

.Verse
{
    color: #808000;
}

.FirstLine
{
    display: inline-block;
    margin-left: 80px;
}

.hadeeth
{
    color: #ff0000;
}

.AyaContainer
{
    width: 910px;
    margin: 40px auto 40px;
    position: relative;
    min-height: 30px;
    padding: 10px 25px;
    background: url(../images/QuranBorderCenter.png) repeat-y;
    line-height: 1.6em;
}
    div.QuranBorder
{
    text-align: justify;
    color: #000;
    padding: 0 30px;
    font-size: 25px;
    font-family:Arial, Helvetica, sans-serif;
    text-align-last:center;
    -moz-text-align-last:center;
    line-height: 1.7em;
    direction : rtl;
}


span.QuranBorder
{
    text-align: center;
    color: #3e5b6f;
    padding: 0 20px;
    font-size: 25px;
	font-family: Geeza Pro, Arial, Helvetica, sans-serif;
	word-spacing:4px;
	font-weight:bold;
}

span.QuranBorder:hover{

    color: #0782b0;
}

.QuranBorder
{
    text-align: center;
    color: #000;
    padding: 0 20px;
    font-size: 25px;
    font-family:Georgia, "Times New Roman", Times, serif;
}

.QuranBTL
{
    background: url(../images/QuranBTL.png) no-repeat;
    position: absolute;
    top: -25px;
    left: 0;
    width: 25px;
    height: 25px;
}

.QuranBTC
{
    position: absolute;
    top: -25px;
    right: 23px;
    background: url(../images/QuranBTC.png) repeat-x top;
    height: 25px;
    width: 912px;
}
.QuranBTR
{
    background: url(../images/QuranBTR.png) no-repeat;
    position: absolute;
    top: -25px;
    right: -2px;
    width: 25px;
    height: 25px;
}


.QuranBBL
{
    background: url(../images/QuranBBL.png) no-repeat;
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 25px;
    height: 25px;
}

.QuranBBC
{
    position: absolute;
    bottom: -25px;
    right: 23px;
    background: url(../images/QuranBBC.png) repeat-x top;
    height: 25px;
    width: 912px;
}
.QuranBBR
{
    background: url(../images/QuranBBR.png) no-repeat;
    position: absolute;
    bottom: -25px;
    right: -2px;
    width: 25px;
    height: 25px;
}


.ayaMenuContainer
{
    position: relative;
    display: inline;
}

div.AyahNumber
{
    position: relative;
    width: 35px;
    display: inline-block;
    height: 24px;
    text-align: center;
}

.nameOfSoura
{
    font-size: 14px;
    color: #999;
    margin-right: 10px;
}

div.AyahNumber span
{
    background: url(../images/ayah_nu_bg.jpg) no-repeat center center;
    display: block;
    font-size: 13px;
    height: 28px;
    padding: 4px 0 1px;
    position: absolute;
    top: 1px;
    width: 35px;
    line-height: 2em;
}

.AyaMenuButton
{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ayaMenuBG.jpg) bottom repeat-x;
    box-shadow: 0 0px 2px #888;
    margin-left: 5px;
}

.AyaMenuButton:hover
{
    background-position: top;
}
.AyaMenuButton:active
{
    box-shadow: none;
}
.MenuArrow
{
    border-color: #FFFFFF transparent transparent;
    border-style: solid;
    border-width: 5px;
    display: block;
    height: 1px;
    margin: 8px auto;
    width: 1px;
}

.ayaMenu
{
    position: absolute;
    display: none;
    right: -50px;
    list-style: none;
    z-index: 10;
    background: #fff;
    padding: 10px;
    min-width: 100px;
    box-shadow: 0 0px 2px #888;
    color: #000;
    opacity: 0;
    font-size: 18px;
}

.ayaMenu li a
{
    display: block;
    text-decoration: none;
    color: #555;
}

.ayaMenu li a:hover
{
    background: #555;
    color: #fff;
}



/*------------------------- End Inner Pages Style --------------------------*/

.gridHeader td, th
{
    background: #000 !Important ;
    border: 1px #fff solid !Important ;
    color: #fff !Important ;
    font-size:16px !Important ;
    text-align:left !Important;
    font-weight:normal;
}

.SearchResult
{
    width: 100%;
    margin-bottom: 30px;
    font-size:18px;
    text-align:left !Important;
}

.SearchResult tr:hover
{
    background: #def6ff;
}

.SearchResult a
{
    text-decoration: none;
    color: #005a99;
    display: block;
}


.SearchResult td, .SearchResult th
{
    border: 1px #ccc solid;
    padding: 2px 6px;
    
}

td.gridTafsirName
{
    padding: 30px 0 5px;
    width: 80%;
}

.gridHeader td, th
{
    background: #000;
    border: 1px #fff solid;
    color: #fff;
    font-size:16px;
	font-weight:normal;
	padding:3px 4px;
	text-align:left !Important;
}

.gridTafsirNameCon td
{
    border: 0 !important;
}

.gridTafsirNameCon:hover
{
    background: none !important;
}


.backToTop
{
    position: fixed;
    bottom: 35px;
    width: 100px;
    height: 10px;
    background: url(../images/top_arrow.png) no-repeat center right;
    padding: 5px 5px 5px 0;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    right: 5%;
    color: #000;
    text-decoration: none;
}



/*Quraan Page*/

.QuranAyaContainer
{
	background: url("../images/Quran_frame1.gif") no-repeat scroll center center / 90% 100% rgba(0, 0, 0, 0);
    height: 813px;
    line-height: 1.6;
    margin: 20px auto 40px;
    padding-top: 53px;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 654px;
	
	
}

.QuranAyaContainer img{
	width:100%;
	height:auto;
	}

.QuranIndex .QuranAyaContainer{
     margin: 0 auto 40px;
}


.QuranIndexInner
{
    height: 800px; margin: 0 auto; overflow: hidden;
    position: relative; width: 540px;
    }
	
.QuranIndexInner table tr td{
	vertical-align:top;
	}

.MainQuranBorder
{
   
    margin: 0 55px;
    width: 469px;
    height: auto;
    text-align: center;
    background: #fff;
    color: #008000;
    font-size: 29px;
    text-align: justify;
    line-height: 2em;
    font-family: 'UthmanTN1' ,Sans-Serif;
    margin: 0 auto;
    position: relative; /*background:url(../images/p003.png) no-repeat center center;*/
	height:756px;
}

.SouraName
{
    background: url(../images/NameOfSoura.jpg) no-repeat;
    width: 533px;
    height: 33px;
    text-align: center;
    padding-top: 10px;
    margin: 0 auto;
    color: #000;
    font-size: 22px;
    line-height: .5em;
    margin-right: -13px;
    margin-top: -10px;
}

.ayahMenu li{
	margin-bottom:0;
	}

.ayahMenu li a {
    border-bottom: 1px solid #dfdfdf;
    color: #000;
    display: block;
    line-height: 2;
    padding: 0 5px;
    text-decoration: none;
}


.ayah
        {
            background-color: transparent;
            padding: 0 1px;
        }
        .ayah:hover
        {
            background-color: #C3C8CB;
        }
        .ayahNo
        {
            background-color: transparent;
        }
        .ayahNo:hover
        {
            background-color: #C3C8CB;
        }
        
        .Legend
        {
            font-size: small;
            display: inline;
            margin-left: 13px;
        }
        
        .Legend:last-child
        {
            margin-left: 0;
        }
        
        
        .LegendBox
        {
            width: 10px;
            height: 10px;
            display: inline-block;
            opacity: .7;
        }
        .ayahMenu
        {
            background: none repeat scroll 0 0 #FFFFFF;
            box-shadow: 0 0 2px #888888;
            color: #000000;
            display: none;
            list-style: none outside none;
            opacity: 1;
            padding: 10px;
            position: absolute;
            z-index: 10;
            min-width: 150px;
        }
        
        .ayahMenu li a:hover
        {
            background: #555;
            color: #fff;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border-bottom: none;
            padding-bottom: 1px;
        }
        
        .ayahMenu li a.title
        {
            background: #9b9b9b;
            color: #fff;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border-bottom: none;
            padding-bottom: 1px;
        }
        
        .spacer
        {
            display: inline-block;
            width: 0px;
        }
        
        .AyahWordsMain
        {
            display: table;
            font-size: 12pt;
            height: 693px;
            position: absolute;
            right: 12px;
            text-align: right;
            top: 126px;
            width: 140px;
        }
        .AyahWordsQeraat
        {
            right: auto;
            left: 12px;
        }
        
        .AyahWordsMain div
        {
            margin-bottom: 10px;
        }
        .AyahWordsHidden
        {
            display: none;
            color: none;
        }
        .AyahWordsHighlight
        {
            /*display: table-cell;*/
            margin-bottom: 20px; /*vertical-align: middle;*/
            background-color: #ECEDED;
            padding: 5px;
        }
        .AyahWordsQeraat .AyahWordsHighlight
        {
            background-color: #FEF9DB;
        }
        .AyahWordsHighlight h3
        {
            color: #AF3939;
            font-size: large;
        }



.firstSowr
{
    width: 600px; /*background:url(../images/p003.png) no-repeat;*/
    margin: 70px auto 20px;
    padding-top: 0;
    position: relative;
}

.firstSowr img{
	width:100%;
	height:auto;
	}

.firstSowr .MainQuranBorder
{
    width: 404px;
    height: 260px;
    margin: 0 auto;
    padding-top: 0;
}

.firstSowr .SouraName
{
    background: none repeat scroll 0 0 transparent;
    font-size: 30px;
    position: absolute;
    right: 47px;
    top: 125px;
}

.AyaHightlight
{
    background-color: #000;
    height: 45px;
    position: absolute; /* width:200px;*/
    opacity: 0.12;
    filter: alpha(opacity=12); /* IE 7 and Earlier */ /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=12);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.ReadedAyaHightlight{
	 height: 45px;
    position: absolute; /* width:200px;*/
	background-color: rgba(7, 133, 155, 1);
	opacity: 0.21;
    filter: alpha(opacity=21); /* IE 7 and Earlier */ /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=21)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=21);
	 border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	}



.QuranControls
{
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 2px 2px #b4b4b4;
    position: relative;
    z-index: 11;
	min-height: 40px;
    margin-left: 0;
    padding: 7px 15px 10px;
}


.QuranSouraNumber{
    background: url("../images/audio_control_Bg.jpg") repeat-x scroll center bottom #FFFFFF;
    padding: 5px;
    border: 1px #e2e2e2 solid;
}

.Stick{
    position: fixed;
    top: 0;
	-webkit-animation-duration: .7s;
    -webkit-animation-name: fadeInFromNone;

}

@-webkit-keyframes fadeInFromNone {
		0% {
			display:none; 
			opacity: 0;
			top:-10px;
		}
	
		1% {
			display: fixed ; 
			opacity: 0;
			top:-10px;
		}
	
		100% {
			display: fixed ; 
			opacity: 1;
			top:0px;
		}
	
	}

.QuranControls select{
    line-height: 25px;
}


.QuranControls select:focus
{
    box-shadow: 0 0px 5px #9dddf5;
}

.QuranControls > *, .AudioControl > *, .PlayPause li
{
    display: inline-block; /*vertical-align:top;*/
    margin-right: 5px;
    vertical-align: top;
    float: left;
}

.AudioControl
{
   background: #fff url(../images/audio_control_Bg.jpg) repeat-x bottom;
    border: 1px solid #e2e2e2; /*padding: 5px;*/
    float: right;
    padding: 9px 10px 10px;
    position: relative;
}

.AudioControl .adv_settings{
    position: absolute;
    z-index: 3;
    background-color: #f4f4f4;
    border: 1px #e2e2e2 solid;
    padding: 15px;
    right: -6px;
    top: 39px;
    box-shadow: 1px 1px 2px #B4B4B4;
}

.PlayPause
{
    list-style: none;
}

.PlayPause li a , .inlinePlayPause li a
{
    display: block;
    width: 20px;
    background: url(../images/quran_controls.png) no-repeat;
    text-indent: -999em;
}

.PlayPause li.Stop a, .inlinePlayPause li.Stop a
{
    background-position: -99px -1px;
}

.PlayPause li.Play a, .inlinePlayPause li.Play a
{
    background-position: -75px -1px;
}

.PlayPause li.Pause a, .inlinePlayPause li.Pause a
{
    background-position: -51px -1px;
}


.AudioControl .settings{
    background: url("../images/quran_controls.png") no-repeat scroll -9px -2px;
    cursor: pointer;
    height: 20px;
    width: 37px;
    border-left: 1px #ccc solid;
    }


.inlinePlayPause{
list-style: none outside none;
background-color: #c7dddf;
border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
box-shadow: 0 -3px 4px #CCCCCC;
margin: 0;
padding: 0;

}

.inlinePlayPause li{
display: inline-block;
padding: 2px 5px;

}


.QuranPageNumber{
    background:rgba(238,238,238,0.9) url("../images/quran_controls.png") no-repeat scroll center -67px;
    bottom: 0px;
    width:100%;
    text-align: center;
    padding: 10px 0;
    height: 26px;
}

.QuranPageNumber Input.QuranPage{
    text-align: center;
    padding: 5px 3px !important;
}


.QuranNav
{
    list-style: none;
    display: block;
    position: relative;
    top: -33px;
    width: 100px;
    margin: 0 auto;
    background: url("../images/audio_control_Bg.jpg") repeat-x scroll center bottom #FFFFFF;
    height: 34px;
    border: 1px solid #E2E2E2;
    padding-top: 1px;
}

.popupSection
{
    margin-bottom:10px;
    font-size:11px;
    }
    
.popupSection:last-child
{
    margin-bottom:0;
    }
    
.popupSection > div > span
{
    margin-bottom:5px;
    display:block;
    } 
   
.popupSection .popUpTitle
{
    font-size:11px;
    
    }

.QuranIndex .QuranNav{
    top:0;
}


.QuranNav li{
    display: inline-block;
    vertical-align: top;
}

.QuranNav li a
{
    text-indent: -999em;
    display: block;
    width: 26px;
    height: 30px;
    background: url(../images/quran_controls.png) no-repeat;
    outline: none;
}

.QuranNav li.Prev a
{
    background-position: -45px -30px;
    right: 35px;
}

.QuranNav .Prev{
    float: right;
}


.QuranNav .Next{
    float: left;
}

.QuranNav li.Next a
{
    background-position: -14px -30px;
    left: 35px;
}



/*Added From Amr @03122019*/



.QuranIndex .QuranNav li {
   padding: 0 0 0 20 !Important;
}


.QuranIndex .QuranNav .Prev {
    float: left;
    padding: 0 !Important;
}



.QuranIndex .QuranNav .Next {
    float: right;
    padding: 0 !Important;
}



.QuranIndex .QuranNav li a {
   /* background-position: -14px -30px;
    left: 35px;*/
    transform: rotate(180deg);
}

/*Added From Amr @03122019*/


.tafsirTabs
{
   position: relative;
    right: 0;
    top: 10px;
    width:100%;
    /*background:url("../images/top_background.jpg") repeat-x scroll center top #FFFFFF;*/
    }

#ComPage .content{
    margin-top: 40px !important;
	clear:both;
}

.QuranTabs
{
    position:absolute;
    top:-30px;
    left:0;
    }
    
.tafsirTabs > a, .tafsirTabs > div, .tafsirTabs > div > a
{
	float:left;
    vertical-align:bottom;
    text-decoration:none;
    font-size:14px;
	line-height: 2.1;
    }
    
.TafsirTab
{
    background:#fff url(../images/tab_bg.jpg) repeat-x bottom;
    padding:0 20px;
    border:1px #b3b3b3 solid;
    border-bottom:0 none;
	border-left:0 none;
    position:relative;
    min-width:80px;
    text-align:center;
	box-sizing:border-box;
	line-height:1.35;
    }
	

    
.QuranTabs > div
{
    padding:6px 37px;
	line-height:1.3;
    }
	
.QuranTabs > div a{
	width:100%;
	line-height:1.3;
	}
	
.QuranTabs > div:last-child
{
    padding:6px 29px;
    }

.QuranTabs > div:first-child{
	margin-left:0px;
	border-left:1px #b3b3b3 solid;
	}

.TafsirTab a
{
    color:#000;
    }   
    
.TafsirTab a.CloseTab
{
   background: url("../images/add_delet_tabs.png") repeat-x scroll -1px 0 transparent;
    height: 10px;
    position: absolute;
    right: 6px;
    text-indent: -999em;
    top: 8px;
    width: 10px;
    }
.selectedTab
{
    background:url(../images/selected_tab.jpg) repeat-x top;

   
    }
    
.selectedTab a.CloseTab
{
    background: url("../images/add_delet_tabs.png") no-repeat scroll -1px -22px transparent;
    height: 10px;
    position: absolute;
    right: 6px;
    text-indent: -999em;
    top: 8px;
    width: 10px;
	overflow:hidden;
    }
    
.selectedTab a{color:#fff;}
.selectedTab .BottomArrow
{
    width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #943030;
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-5px;
    z-index: 1;
    }
    
.QuranTabs .selectedTab .BottomArrow
{
    border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 5px solid #943030;
	bottom:-5px;
    
    }
    
.AddNewTab
{
    background:#494949 url("../images/addTabBg.jpg") repeat-x top;
    margin-left:3px;
    font-weight:bold;
    height: 20px;
    right: 20px;
    padding: 4px 10px;
    position: absolute;
    }
    
.AddNewTab a
{
    background: url("../images/add_delet_tabs.png") no-repeat scroll left -45px transparent;
    text-decoration:none;
    display:block;
    padding-left:20px;
    color:#fff;
    }
    
    /*Select Styles R6*/	

span.customSelect {
	background:#fff url(../images/dropDown_bg.jpg) repeat-x 0 0;
	color:#000;
	padding:5px 7px;
	box-shadow:1px 1px 0px #d8d8d8;
	font-weight:bold;
	border:1px #afafaf solid;
	text-align:left;
}

.customSelectHover, .customSelectFocus{
	border:1px #6db6d1 solid !important;
	background:#fff url(../images/dropDown_bg.jpg) repeat-x 0 5px !important;
	}

span.customSelect.changed {
	background-color: #f0dea4;
}
.customSelectInner {
	background:url(../images/dropDown_arrow.png) no-repeat center left;
	text-align:left; /*en*/
}

.withTabs{
	text-align:left; /*en*/
	padding:0;
	max-width:940px !important;
	background:#fff url(../images/search_filter.jpg) repeat-x bottom;
	}

.SearchFilterTabs{
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:top;
	}
	
.SearchFilterTabs li{
	background-color:#f1f1f1;
	box-shadow:2px 0px 1px #ccc inset;
	font-weight:bold;
	position:relative;
	}
	
.SearchFilterTabs li a{
	display:block;
	padding:12px 10px;
	text-decoration:none;
	color:#525252;
	font-size:14px;
	}
.SearchFilterTabs li.Selected, .SearchFilterTabs li:hover{
	background:#933132 url(../images/slcted_tab.jpg) repeat-x top;
	box-shadow:none;
	box-shadow:-2px 2px 2px #ccc;
	}
	
.SearchFilterTabs li.Selected .LeftArrowFilter{
	position:absolute;
	background:url(../images/en/arrow_tab.png) no-repeat;
	width:11px;
	height:31px;
	right:-8px;
	top:5px;
	}
	
.SearchFilterTabs li.Selected a, .SearchFilterTabs li:hover a{
	color:#fff;
	}

.InputTypeText{
	background:url(../images/input_bg.jpg) repeat-x;
	border:1px #a9a9a9 solid;
	}
	
.InputTypeText:focus{
	box-shadow:1px 1px 2px #a9a9a9 inset;
	outline:none;
	}
	
.SearchTab{
	text-align:left; /*en*/
	display:inline-block;
	vertical-align:top;
	padding:12px 10px 8px;
	/*width:750px; /*en*/
    /*margin-left : 60px; /*en*/
	}
	
.SelectBtn, .RadioStyle{
	list-style:none;
	box-shadow:1px 1px 0px #d8d8d8;
	display:inline-block;
	vertical-align:top;
	border:1px #a9a9a9 solid;
	border-left:none;
	margin-right:0px;
	background:#fff url(../images/dropDown_bg.jpg) repeat-x 0 bottom;
    margin-bottom: 5px;
	}
	
.SelectBtn li, .RadioStyle li{
	display:inline-block;
	vertical-align:top;
	/*font-weight:bold;*/ /*en*/
	border-left:1px #a9a9a9 solid;
	margin-right:-4px;
	font-size:14px;/*en*/
	}
	
.SelectBtn li:first-child
{
    margin-right:0;
    }
	
.SelectBtn li a, .RadioStyle li a{
	display:block;
	padding:3px 10px 4px;
	text-decoration:none;
	color:#000;
	}
	
.SelectBtn li.Selected{
	box-shadow:1px 1px 1px #ccc inset;
	background:url(../images/input_bg.jpg) repeat-x;
	}

.RadioStyle li{
	margin-right:4px;
	}

.RadioStyle li:first-child{
	/*margin-right:9px;*/ /*en*/
	}
	

.RadioStyle li a{
	padding-left:20px; /*en*/
	background:url(../images/radio_design.png) no-repeat 5px 6px; /*en*/
	}
	
.RadioStyle li a:hover, .RadioStyle li.Selected a{
	background:url(../images/radio_design.png) no-repeat 5px -24px; /*en*/
	color:#ae3939;
}
	
.fahras{
	width:95%; margin:0 auto; font-size:16px; font-weight:normal; padding-top:10px;
	color:#b9b9b9;
}
	
.fahras th{
	background-color:#4fb3da;
}
	
	
.fahras td
{
    padding:2px 5px;
    line-height:1.3em;
    }
.fahras a{
	text-decoration:none;
	color:#000;
	display:block;
	font-weight:normal;
}
	/*
.fahras a:hover{
	background-color:#56bae1;
	color:#fff;
	}
	*/
.fahras tr:hover{
	/*background-color:#eeeeee;*/
	background-color:#56bae1;
	color:#fff;
	cursor:pointer;
}

.fahras tr:hover a
{
    color:#fff;
    }


/*Side small menu*/

.sideNav{
				position:fixed;
				top:50%;
				margin-top:-100px;
				box-shadow:0px 1px 1px #82bdd3;
				background:url(../images/side_nav_bg.png) repeat;
				padding:3px 0 0px 15px;
				font-size:14px;
				z-index: 91;
			
			
				
				}
				
			.sideNaveControl{
				position:absolute;
				width:82px;
				height:117px;
				background:url(../images/arrow_link.png) no-repeat 0px -5px;
				top:50%;
				margin-top:-60px;
				left:-23px;
				z-index:1;
				cursor:pointer;
				}
				
				
			.sideNaveControl_closed{
				background:url(../images/arrow_link.png) no-repeat 0px -113px;
				}
				
			.sideNav ul{
				list-style:none;
				margin:0;
				padding:0;
				
				position:relative;
				z-index:2;
				}
			.sideNav ul	li{
				margin-bottom:3px;
				}
				
			.sideNav ul li a{
				display:table-cell;
				width:80px;
				height:49px;
				line-height:1.2em;
				padding-right:60px;
				text-decoration:none;
				color:#fff;
				vertical-align:middle;
				cursor:pointer;
				padding-left:10px;
				
				}
				
			.sideNav ul li.Nav1 a{
				background:#ae4343 url(../images/right_nav_img1.jpg) no-repeat right 1px;
				}
			
			.sideNav ul li.Nav2 a{
				background:#565656 url(../images/right_nav_img2.jpg) no-repeat right 1px;
				}
			
			.sideNav ul li.Nav3 a{
				background:#6aa84e url(../images/right_nav_img3.jpg) no-repeat right 1px;
				}
				
			.sideNav ul li.Nav4 a{
				background:#995a41 url(../images/right_nav_img4.jpg) no-repeat right 1px;
				}
				
				
/*End Small side menu*/


.tablePagenation:hover, .tablePagenation td table tr:hover
{
    background-color:inherit !Important;
    }
    
.tablePagenation > td
{
    text-align:center;
    padding:10px;
    }
    
.tablePagenation td table
{
    
    display: inline-block;
    height: 30px;
    margin-bottom: 5%;
    list-style: none;
    max-width: 500px;
    margin: 0 auto;
    clear: both;
    background: #333 url(../images/pagenation_btn_d.jpg) repeat-x bottom;
    box-shadow: 0px 1px 2px #5996AE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size:13px;
    font-weight:bold;
    }
    
 .tablePagenation td table tr td
 {
     border:none;
     padding-top:5px;
     }
     
  .tablePagenation td table tr td a
  {
    text-decoration: none;
    display: block;
    font-family:Georgia, "Times New Roman", Times, serif;
    color: rgb(109, 109, 109);
    min-width: 28px;
      }
      
  .tablePagenation td table tr td span
  
  {
    display: block;
    font-family:Georgia, "Times New Roman", Times, serif;
    color: #fff;
    min-width: 28px;
  }
      
  .Ahkam
   {    
    display: block;
    position: absolute;
    top: 115px;
    left:40px;
    width:99px;
    height:254px;
    background: url(../images/ahkam_03.jpg) no-repeat;
   }


/*----------------------- Library style -----------------------*/


.ayahMenu2
        {
            background: none repeat scroll 0 0 #FFFFFF;
            box-shadow: 0 0 2px #888888;
            color: #000000;
            list-style: none outside none;
            opacity: 1;
            padding: 10px;
            position: absolute;
            z-index: 100;
            min-width: 120px;
			margin-left:-65px;
			margin-top:20px;
			font-size:13px;
		}
        
        .ayahMenu2 li
        {
            margin-bottom: 5px;
        }
        
        .ayahMenu2 li a
        {
            display: block;
            border-bottom: 1px #dfdfdf solid;
            text-decoration: none;
            color: #000;
            padding: 0 5px;
            cursor: pointer;
        }
        
        .ayahMenu2 li a:hover
        {
            background: #555;
            color: #fff;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border-bottom: none;
            padding-bottom: 1px;
        }
        .ContentWidth
        {
            max-width: 863px \9 !important;
        }
        :root .ContentWidth
        {
            max-width: 880px;
            max-width: 874px\9 !important;
        }
        
        #backgroundPopup
        {
            z-index: 998;
            position: fixed;
            display: none;
            height: 100%;
            width: 100%;
            background: #000000;
            top: 0px;
            left: 0px;
        }
        #toPopup
        {
            font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
            background: none repeat scroll 0 0 #FFFFFF;
            border: 10px solid #ccc;
            border-radius: 3px 3px 3px 3px;
            color: #333333;
            display: none;
            font-size: 14px;
            left: 50%;
            margin-left: -250px;
            position: fixed;
            top: 25%;
            width: 500px;
            z-index: 999;
        }
        div#popup_content
        {
            margin: 4px 7px;
            overflow-y: auto;
            height: 300px;
        }
        .TafsirBooks input
        {
            margin-left: 3px;
        }
        
        /*Start Drag Style*/
        
        #ComPage
        {
            position: absolute;
            top: 573px;
            height: 500px;
            max-height: 800px; /*overflow: auto; /*margin-top:10px;*/
            min-height: 200px;
        }
        #mainTafsir
        {
            position: relative; /*margin-top:10px;*/ /*width:200px;*/ /*float: left;*/ /*position: relative;*/
            height: 500px;
            max-height: 800px;
            overflow-y: auto;
            min-height: 200px;
            box-shadow: 0 0 11px #CCCCCC inset;
			margin-top:10px;
        }
		
		.TranslationsResult{
			padding: 20px;
			height: 391.41px;
            line-height: 1.4em;
			font-size: 10pt;  
            min-height: 120px;
			max-height: 720px;
			max-width: 880px;
			box-shadow: inset 0px 0px 11px #cccccc;
			overflow-y:auto;
			}
        
        #dragbar
        {
            background-color: black;
            position: absolute;
            top: 570px;
            height: 3px;
            cursor: row-resize;
            z-index: 99;
            background-color: #58a9c8;
            cursor: row-resize;
            box-shadow: 1px 1px #ccc;
        }
        
        .dragPointer
        {
            position: absolute;
            width: 29px;
            left: 50%;
            background: url(images/drag_bg.jpg) repeat;
            margin-left: -15px;
            border: 1px #3b83a2 solid;
        }
        
       
        
        
.RelatedSubjects > div > span
      {
          font-weight:bold;
          font-size:16px;
          display:block;
          margin-bottom:10px;
          }
          
      .RelatedSubjects > div > div > a
      {
          display:inline-block;
           width:200px;
          /*font-weight:bold;*/
          margin-right:20px;
          text-decoration:none;
          color:#0782b0;
          font-size:15px;
          font-weight:bold;
          vertical-align:top;
          margin-bottom:10px;
          }
          
      .RelatedSubjects > div > div > a:hover
      {
          color:#000;
          }



/*----------------------- End Library style -----------------------*/


@media screen and (min-width:960px)
{

    /*----------------------- PC Quran style -----------------------*/
.QuranControls{
    width: 890px;
}

/*----------------------- End PC Quran style -----------------------*/


/*----------------------- PC Library style -----------------------*/
/*#ComPage
        {
            width: 900px;
        }
        #mainTafsir
        {
            width: 900px;
        }*/
        
        #dragbar
        {

            width: 900px;
        }
        
        .dragPointer
        {
            height: 3px;
            top: -1px;
            }
        
 /*----------------------- End PC Library style -----------------------*/      



    /*------------------------- Home Page Style --------------------------*/
    body
    {
        background: #a7e7ff url(../images/background.jpg) no-repeat center center fixed;
        background-size: 100% auto;
        overflow-y: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
    }


    .MostReadPage, .TafasirPage, .AuthorTafasirPage, .homepage
    {
        max-width: 960px;
    }

    .Navigation
    {
        min-width: 960px;
        height: 40px;
    }



    .ghaziTrustLogo
    {
        margin: 0 auto;
        height: 25%;
        max-width: 157px;
        max-height: 169px;
        padding-top: .5%;
    }

    .ghaziTrustLogo img
    {
        width: auto;
        height: 100%;
        max-width: 157px;
        max-height: 169px;
    }

    .ghaziTrustText
    {
        margin: 0 auto .5%;
        height: 10%;
        max-height: 71px;
        max-width: 198px;
    }

    .ghaziTrustText img
    {
        width: auto;
        height: 100%;
        max-width: 198px;
        max-height: 71px;
    }

    .logo
    {
        width: 500px;
        margin: 0 auto 20px;
		position:relative;
    }

    .logoText
    {
        font-family:Georgia, "Times New Roman", Times, serif;
        position:relative;
        z-index:2;

    }

    ul.homePageLinks li
    {
        width: 196px;
    }

    .SearchFilter
    {
        max-width: 920px;
    }
    
.Container .SearchWithTabs
    {
        width: 920px;
        min-width: 920px;
        }

.Container .withTabs{
       /* width: 960px;
        min-width: 960px;*/
		
		/* dawood */
		width: 100%;
        min-width: 960px;
}

    .books
    {
        max-width: 960px;
    }

    .bookContainer
    {
        width: 16.0%;
    }
    
    .mostReadBooks .bookContainer
    {
        width: 20%;
    }

    .header
    {
        max-width: 960px;
        min-width: 960px;
    }

    .Innerlogo
    {
        width: 400px;
        margin: 0 auto;
        position: absolute;
        right: 50%;
        text-align: center;
        margin-right: -200px;
    }
    
    
 



}


/*------------- Tablet Screens --------------*/

@media screen and (min-width:600px) and (max-width:960px)
{
	

    
      .contentContainer .content
   {
       padding:0 40px;
       }

    
    
.AppStore{
    margin-left: 115px;
	bottom: 53px;
	left: 106px;
}



.SearchResult td:last-child{
    text-align: right;
}



/*---------------- Search Page ---------------------*/

.SearchTab{
    /*margin: 20px;*/
	/*dawood*/
    margin: 20px 0px;
}

.SearchFilterTabs li{
    display: inline-block;
    box-shadow: -1px -2px 1px #CCCCCC inset;
}

.SearchFilterTabs li:last-child{
    margin-left: -5px;
}

.SearchFilterTabs li.Selected .LeftArrowFilter{
    position:absolute;
    background:url(../images/arrow_tab_down.png) no-repeat;
    width:31px;
    height:11px;
    bottom:-10px;
    left:50%;
    margin-left: -15px;
    top: inherit;
    }
/*---------------- End Search Page ---------------------*/

/*----------------------- Tab Quran style -----------------------*/
.QuranControls{
    width: 100%;
    padding: 7px 0 10px;
}

.AudioControl{
    margin-right: 15px;
}

.QuranSouraNumber{
    margin-left: 15px;
}

/*----------------------- End Tab Quran style -----------------------*/


/*----------------------- Tab Library style -----------------------*/
#ComPage, #mainTafsir
        {
           max-width: 960px;
           min-width: 600px;
        }
        
#dragbar
{
    width:90%;
    display:none;
    }
    
        
 /*----------------------- End Tab Library style -----------------------*/       

    /*------------------------- Home Page Style --------------------------*/
    body
    {
        background: #a7e7ff url(../images/background.jpg) no-repeat center center fixed;
        overflow-y: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
    }
	
.QuranTabs > div
{
    padding:6px 8px;
	width:14.25%;
    }
	
.QuranTabs > div a{
	font-size:10pt;
	}
	
.QuranTabs > div:last-child
{
    padding:6px 8px;
    }
	
.QuranTabs > div:first-child{
	margin-left:0px;
	}
	
.TafsirTab{
	min-width:60px;
	}
	
    .containerScroll, .homepage
    {
        min-width: 600px;
    }

    .content
    {
        padding-bottom: 30px;
    }


    .MostReadPage, .TafasirPage, .AuthorTafasirPage
    {
        padding: 10px 0 0;
        max-width: 960px;
        min-width: 600px;
    }


  


.languageLink {
    bottom: 56px;
    margin-left: 10px;
    left: 0%;
    width: 70px;
}


.innerLang {
	height: 30px;
    right: inherit;
    margin-left: -13px;
    left: 15px;
    top: 127px;
    width: 55px;
}



.SocialLinks {
margin-right: 10px;
position: absolute;
bottom: 60px;
right:0;
}

.SocialLinks > li iframe{
    margin-top:3px;
    }

.innerSocial {
    bottom: inherit;
    margin: 0;
    top: 18px;
    position:absolute;
    left: 180px;
}



    
.SocialLinks > li, .languageLink > li {
display: inline-block;
height: 26px;
width: 26px;
vertical-align: top;
}
.SocialLinks > li a, .languageLink > li a{
/*background: url("../images/social_icon.png") no-repeat scroll 0 0 transparent;*/
display: block;
height: 26px;
margin-left: 5px;
outline: 0 none;
/*text-indent: -999em;*/
/*width: 26px;*/
}

.SocialLinks li.facebook{
    width:80px;
    float:right;
    }
    
.SocialLinks li.twitter{
        /*width:110px;*/
        float:right;
    }




    .Navigation
    {
        min-width: 600px;
        height: 40px;
    }

.Navigation ul{
    margin-left: -50px;
}

   .Navigation ul li a h1
    {
        padding: 10px 2px;
        font-size: 14px;
        color:Green;
    }
    .Navigation ul li a
    {
        padding: 10px 2px;
        font-size: 14px;
    }

    .NavinTop
    {
        opacity: 0;
        top: 500px;
    }


    .header
    {
       /* max-width: 960px;
        min-width: 540px;
        padding: 0 20px 20px;
        margin: 0;*/
		
		  max-width: 960px;
        min-width: 540px;
		/** dawood edit **/
        padding: 20px 0px 0;
    }

    .Innerlogo

    {
        left: 20px;
        text-align: left;
        top: 15px;
        width:250px;
        font-size: 85%;
    }

    .LeftTextLogo 
    {
        float: right;
        padding: 23px 5px 0 0;

    }

    .LeftTextLogo img{
        width: 160px;
    }


    .header .rightLogo
    {
        float: right;
        padding-top: 10px;
    }

    .header .rightLogo img{
        width: 60px;
        padding-top: 10px;

    }

    .AyaContainer
    {
        width: 660px;
        background: url(../images/T_QuranBorderCenter.png) repeat-y;
    }
    


    .QuranBTC, .QuranBBC
    {
        right: 35px;
        width: 650px;
    }

    .QuranBTR, .QuranBBR
    {
        right: 10px;
    }


    .MostReadArrow, .TafsirLibraryArrow, .TafsirsAuthorArrow
    {
        z-index: 5;
        display: none;
        width: 80px;
        height: 30px;
        position: fixed;
        bottom: 28px;
        right: 80px;
        background: #000;
        -webkit-border-radius: 20px 20px 0 0;
        -moz-border-radius: 20px 20px 0 0;
        border-radius: 20px 20px 0 0;
        cursor: pointer;
    }

    .MostReadArrow a, .TafsirLibraryArrow a, .TafsirsAuthorArrow a
    {
        border-color: transparent transparent #fff transparent;
        border-style: solid;
        border-width: 10px;
        display: block;
        width: 0px;
        height: 0;
        margin: 0 auto;
    }



    .AuthorDescription
    {
        background: #fff url(../images/top_background.jpg) repeat-x top;
        padding: 20px;
        max-width: 960px;
        min-width: 600px;
        margin: 0 auto 30px;
        text-align: right;
        box-shadow: 0 1px 2px #5996AE;
        height: 60px;
    }

    .ghaziTrustLogo
    {
        margin: 0 auto;
        height: 25%;
        max-width: 157px;
        max-height: 169px;
        padding-top: .5%;
    }

    .ghaziTrustLogo img
    {
        width: auto;
        height: 100%;
        max-width: 157px;
        max-height: 169px;
    }

    .ghaziTrustText
    {
        margin: 0 auto .5%;
        height: 10%;
        max-height: 71px;
        max-width: 198px;
    }

    .ghaziTrustText img
    {
        width: auto;
        height: 100%;
        max-width: 198px;
        max-height: 71px;
    }

    .logo
    {
        width: 500px;
        margin: 0 auto 20px;
		position:relative;
    }
	
    :root .friendLinks{
        margin: 0 -300px 0 0;
        width: 592px;  
    }

	.friendLinks{
		margin: 0 -300px 0 0;
		width: 592px;
		}
		
	.friendLinks li.tafsirs a{
		margin-left:80%;
		}

    .logoText
    {
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size: 200%;
        position:relative;
        z-index:2;

    }


    ul.homePageLinks li
    {
		max-height: 100px;
		width: 135px;
    }
	
	.homePageLinks li a{
		width:135px;
	}


    .homePageLinks li.TafsirsAuthor
    {
        margin: 0 10px;
    }
    .homePageLinks li.TafsirsAuthor a
    {
        background-position: 0 -135px;
    }

    .homePageLinks li.MostRead a
    {
        background-position: 0 -268px;
    }


    .SearchFilter input, .SearchFilter select
    {
        max-width: 200px;
    }

    .books
    {
        height: 90%;
        min-height:460px;
    }

    .bookContainer
    {
        width: 25.3%;
        margin-bottom: 3%;
    }





}



@media screen and (max-width:960px) and (max-height:600px)
{
	ul.homePageLinks{
		height:0px;
		min-height: 26px;
		margin-bottom:10px;
		}
	ul.homePageLinks li{
		min-height: 26px
		}
		
	.containerScroll, .homepage{
		min-height:410px;
		}
		
	.languageLink, .AppStore {
		position:absolute;
		z-index:101;
		}
		
	.Navigation{
		z-index:100;
		}
		
	.SocialLinks{
		margin: 0 0 0 20px;
	}
	
	.Navigation ul{
		margin:0;
		}
		
	.AppStore{
		bottom: 53px;
		}
}


@media screen and (max-width:760px)
{
	
	.ReadedAyaHightlight{
		display:none;
		}
	
    	.tipsy
	{
	    display:none !important;
	 }
	
		.popupSection{
		display:none;
		}
		
	.popupSection:first-child{
		display:inherit;
		}
	
	.AppStore{
    	bottom: 45px;
		position:absolute;
	}
	
	
	
	.LangLeftSide, .LangRightSide{
	float:inherit !important;
	width: auto !important;
	margin:auto !important;
	}
	
.LangLeftSide{
	margin-top:20px !important;
	}
	
.LangLeftSide a, .LangRightSide a{
	width:auto !important;
	padding:5px;
	}
	
	
	
	/*Hide  المقارنات on mobile*/
.AddNewTab{display:none !important;}

#mainTafsir{
	height:auto;
	overflow:inherit;
	box-shadow:none;
	max-height:inherit;
	}
/**/

      .contentContainer .content
   {
       padding:0;
	   
       }


.contentContainer{
    padding-top: 20px;
	height: auto !important;
}


/*---------------- Search Page ---------------------*/

.SearchTab{
     /*margin: 20px;*/
	/*dawood*/
    margin: 20px 0px;
}

.SearchFilterTabs{
	width:100%;
	text-align:center;
	margin-top:10px;
	}

.SearchFilterTabs li{
    display: inline-block;
    box-shadow: -1px -2px 1px #CCCCCC inset;
	font-size:12px;
	vertical-align:top;
	width:50%;
}

.SearchFilterTabs li:last-child{
    margin-left: -5px;
}

.SearchFilterTabs li.Selected .LeftArrowFilter{
    position:absolute;
    background:url(../images/arrow_tab_down.png) no-repeat;
    width:31px;
    height:11px;
    bottom:-10px;
    left:50%;
    margin-left: -15px;
    top: inherit;
    }

.SelectBtn, .RadioStyle{
    border: 0 none;
    background: none;
    box-shadow: none;
}

.SelectBtn li, .RadioStyle li{
    border: 0 none;
}
/*---------------- End Search Page ---------------------*/

#hoh, .AyaHightlight, .ayahMenu{
    display: none !important;
}

.QuranAyaContainer{
	background-position:10px -999px;
    height: auto;
	width:100%;
	padding-top:0;
	max-width: 500px;
	margin-top:20px !important;
    padding: 33px 30px;
    background-size: 103%;
    width: 70%;
    background-position: top;
    min-height: 530px;
}

.QuranIndex .QuranAyaContainer > div{
    width: 500px;
}

.MainQuranBorder {
    text-align: center;
    height: auto;
}
.QuranAyaContainer img {
    width: 90%;
}

.AyahWordsMain{
    display: none !important;
}


/* ---------------------------- Mobile Quran Page ---------------------------*/

.MainQuranBorder{
   background-size: 100% auto !important;
	background-position:top center !important;
	width: 95%;
	max-width: 602px;
	padding:0;
	text-align:center;
}


.QuranControls{
    width: 100%;
    padding: 7px 0 10px;
    /*min-width:394px;*/
}

.Stick{position:relative;}


.QuranSouraNumber select:first-child{
	margin-bottom:3px;
	}



@-moz-document url-prefix() { 


    .firstSowr{
        /*margin-top: 110px !important;
        top: -174px !important;
        right: 162px;
        -moz-transform: scale(0.53);*/
		padding-bottom: 0 !important;
    }
}

 .firstSowr{
        /*margin-top: 110px;
        zoom:0.53;
        padding-bottom: 120px;
        top: 105px;*/
		background-size:100% auto !important;
		width:100%;
		max-width:602px;
		margin-top:20px !important;
    }


.AyaHightlight{
    -moz-transform: scale(0.53);
    zoom:0.53;
}

.AudioControl{
    margin: 0 30px;
    display: block;
    text-align: center;
    float: inherit;
    height:18px;
}


.QuranSouraNumber{
    margin: 0 30px;
    display: block;
    text-align: center;
    float: inherit;
    margin-bottom:5px;
}

.AyahWordsMain{
    display: none;
}


/* -------------------------- End Mobile Quran Page -------------------------*/



    body
    {
        background: #a7e7ff url(../images/m_background.jpg) no-repeat center center fixed;
        overflow-y: scroll;
				-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
    }
	
	
	.logo
    {
        width: 500px;
        margin: 0 auto 20px;
		position:relative;
    }
	
	.friendLinks{
		margin: 0 -150px 0 0;
		width: 300px;
		top:300%;
        display: none;
		}
		

		
.friendLinks li.tafsirs a{
		margin-left:50%;
		}
	

.languageLink{
    bottom: 50px;
    margin-left: 5px;
    z-index: 105;
    bottom: 4px;
    height: 30px;
	position:absolute;
	left:0;
}

.innerLang{	
    margin-right: 0;
    top: 93px;
    z-index: 105;
    margin-left: 0;
    left: 30px;
	}

.AppStore {
    margin-left: 0;
	left: 142px;
	}
	
.SocialLinks{
	margin: 0 0px 0 0;
	width:320px;
	z-index:89;
    bottom: 50px;
    position: absolute;
	right:20px;
	}
	
.SocialLinks li.en{
	margin-right: 65%;
	}
	
.innerSocial{
    display: none;
	}
	

	
	
 .Navigation ul li a
    {
        padding: 10px 5px;
        font-size: 14px;
    }
    
     .Navigation ul li a h1
    {
        padding: 10px 5px;
        font-size: 14px;
    }
	
.Container .SearchWithTabs{
	margin-top:50px;
	}
	
.sideNav{
	display:none;
	}
	
.QuranTabs {
	top:-28px;
	}
.QuranTabs > div
{
    padding:7px 0px;
	width:14.25%;
    }

.QuranTabs > div a{
	font-size:8pt;
	}	

.QuranTabs > div:last-child
{
    padding:7px 0;
    }
	
.QuranTabs > div:first-child{
	margin-left:0px;
	}
	
.TafsirTab{
	min-width:30px;
	font-size:10px;
	}
	

    .homepage
    {
        min-width: 250px;
		padding-bottom: 90px;
    }

    .MostReadPage, .TafasirPage, .AuthorTafasirPage
    {
        padding: 10px 0 0;
    }

    .Navigation
    {
        background: none;
		position:absolute;
		z-index:102;
    }

    .Navigation > ul
    {
        display: none;
        position: absolute;
        width: 100%;
       /* height: 290px;*/
        top: 37px;
    }

    .homepageMenu > ul
    {
        top: inherit;
        bottom: 37px;
		width:100%;
	}

    .Navigation > ul li
    {
        display: block;
        background: #000;
        border-bottom: 1px #fff solid;
		width:100%;
    }

    .OpenNavigation
    {
        color: #fff;
        display: block;
        width: 132px;
        position: relative;
        padding: 10px;
        margin: 0 auto;
        text-decoration: none;
        background: #000;
    }

    .MostReadArrow, .TafsirLibraryArrow, .TafsirsAuthorArrow
    {
        width: 40px;
        right: 5px;
    }


    .logoText
    {
        font-size: 130%;
        position:relative;
        z-index:2;

    }

    ul.homePageLinks
    {
        width: 60%;
        margin: 0 auto;
        height: 100px;
        overflow: inherit;
        min-width: 200px;
    }


    .ghaziTrustLogo
    {
        margin: 0 auto;
        height: 17%;
        max-width: 157px;
        max-height: 169px;
        padding-top: .5%;
    }


    .ghaziTrustLogo img
    {
        width: auto;
        height: 100%;
        max-width: 157px;
        max-height: 169px;
    }


    .ghaziTrustText
    {
        margin: 0 auto .5%;
        height: 10%;
        max-height: 71px;
        max-width: 198px;
    }


    .ghaziTrustText img
    {
        width: auto;
        height: 100%;
        max-width: 198px;
        max-height: 71px;
    }


    ul.homePageLinks li, .homePageLinks li.TafsirsAuthor
    {
        display: block;
        height: 27px;
        min-height: 27px;
        max-height: 27px;
        margin: 0 0 10px 0;
        width: 100%;
    }


    .homePageLinks li a
    {
        background: url(../images/largLinksBg.jpg) repeat-x 0 -2px;
        height: 27px;
        width: 100%;
        text-decoration: none;
        display: block;
        color: #fff;
        box-shadow: 0px 1px 2px #5996ae;
    }


    .homePageLinks li.TafsirsAuthor a
    {
        background-position: 0 -135px;
    }

    .homePageLinks li.MostRead a
    {
        background-position: 0 -268px;
    }
	
	.homePageLinks li.QuranSearchesLink a {
    	background-position: 0 -401px;
	}


    ul.homePageLinks li a img, .homePageLinks li a br, .homepage .Search
    {
        display: none;
    }

    .books
    {
        /*height: 150%;*/
    }

    .bookContainer
    {
        max-height: 180px;
    }


    .logo
    {
        width: 260px;
        margin: 0 auto 2%;
    }

    .AutherSmallBook
    {
        display: none;
    }
    .AuthorTafasirPage .books
    {
        width: 95%;
    }
    .AuthorBookContainer
    {
        height: 86%;
    }

    .AuthorName, .SchoolName, .AuthorTafasirPage BookDesc h3
    {
        width: 80%;
        margin: 0 auto;
    }

    .header
    {
        /*height: 70px;
		*/
		/* dawood */
		height:auto;
		width:100%!important;
    }

    .Innerlogo
    {
        text-align: center;
        position: inherit;
		width:inherit;
		/*padding:10px;*/
        font-size: 85%;
		/*dawood*/
		max-width:100%;
		padding:0px;

    }


    .header .rightLogo, .LeftTextLogo
    {
        display: none;
    }


    .AyaContainer
    {
        width: 280px;
        background: url(../images/m_QuranBorderCenter.png) repeat-y;
    }

    .QuranBTC, .QuranBBC
    {
        right: 35px;
        width: 270px;
    }

    .QuranBTR, .QuranBBR
    {
        right: 10px;
    }


    /*Footer*/

    .Footer
    {
        height: 23px;
        text-align: center;
        background-color: #a6e6fe;
        padding-top: 5px;
        width: 100%;
        bottom: 0px;
        opacity: 0;
        display: none;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: #5494ac;
        z-index: 5;
        position: fixed;
        clear: both;
    }

    .ActiveFooter
    {
        display: inherit;
    }
	
	
}


/*mobile*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 480px) {
	
	.innerLang {
    margin-right: 0;
    top: 93px;
    z-index: 105;
    margin-left: 0;
    left: 30px;
}
	
	.Container .SearchWithTabs{
	margin-top:90px;
	}
	.QuranTabs {
	top:-90px;
	}
	
	.TafsirTab{
		width:33.9%;
		box-sizing:border-box;
		height:30px;
		
		}
		
	
.QuranTabs > div {
    width: 33.3%;
}
		
	.TafsirTab:last-child{
		width:100%;
		height:30px;
		}
		
	.firstSowr{
		margin-top:20px !important;
		}
		
	.QuranAyaContainer{
		margin-top:20px !important;
		}
		
	.QuranIndexInner div > table{
		width:100% !important;
		
		}
		
	.QuranIndexInner div > table th, .QuranIndexInner div > table td{
		font-size:11px;
		vertical-align: top;
		}
		
	.QuranIndex .QuranAyaContainer, .QuranIndex .QuranAyaContainer > div{
		height:680px;
		width:auto;
		}
		
		.QuranIndex .QuranAyaContainer > div > div{
	
		width:100%;
		
		}
		
	.tablePagenation td table tr td a, .tablePagenation td table tr td span {
		min-width:18px;
		text-align:center;
		}
	.tablePagenation td table tr td{
		padding:5px 0;
		}
		

		
	.SearchResult td:last-child, .SearchResult th{
		word-break: break-all;
		}
		
		.SearchResult th:first-child{
		word-break:loose;
		}
		
	

}

@media only screen 
and (max-width : 360px) {

}




/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
		.AppStore{
    	bottom: 55px;
	}
	
	.ghaziTrustLogo{
		padding-top:70px;
		}
	
	.SocialLinks {
    margin: 0 0 0 20px;
}


.Navigation{
	position:absolute;
	}

.Container .Navigation {
		text-align:left;
		}
		
		
		
	.Navigation ul{
		margin:0 0 0 20px;
		}
		
	.homepageMenu ul{
		margin:0;
		}
		
	#dragbar{
		display:none !important;
		}
		

	div.QuranBorder > div > span{
		margin-left:30px;
		}
		
	.AyahWordsMain{
		display:none !important;
	}
	
	.Stick{
		margin-left:-20px;
	}
	
	
		
	#ComPage{
	top: 502px;
	margin-right:20px;
	}
		#mainTafsir{
		height:430px;
		}
	
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	


	div.QuranBorder > div > span{
		margin-left:30px;
		}
	.homepageMenu ul{
		margin-right:30px;
		}
	#dragbar{
		display:none !important;
		}
		
	.Navigation, .languageLink, .SocialLinks, .AppStore{
	position:absolute;
	}
	
	#ComPage{
		position:inherit;
		top:30px;
		}
	
	

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.AppStore{
    	bottom: 54px;
	}
	.books{
		margin-top:30px;
		}
	
	.ghaziTrustLogo{
		padding-top:70px;
		}
	
	.innerSocial {
    margin: 0 0 0 40px;
}


.Stick{
	margin-right:-20px;
	}

span.QuranBorder{
	word-spacing:3;
	}
	
	#dragbar{
		display:none !important;
		}
		
	.Container .Navigation{
		text-align:center;
		}
		.innerLang {
			top: 105px;
		}
		.SocialLinks {
			position: absolute;
			right: 0;
			margin: 0 0 0 20px;
		}
		.Navigation ul{
			margin:0 70px 0 0;
			}
		
		.homepageMenu ul{
			margin:0;
			
			}
			
	.AyahWordsMain{
		display:none !important;
	}
	
	#ComPage{
	top: 502px;
		}
		
	#mainTafsir{
		height:430px;
		}
		
		.header{
			margin:0 auto 3px;
			}
			
		.QuranTabs > div
{
    padding:0px /*20px*/;width:14.2%;
    }
.QuranTabs > div:last-child
{
    padding:0 /*12px*/;
    }
	
}
@media only screen 
and (min-device-width : 960px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.innerSocial {
		top: 106px;
	}
}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.tipsy
	{
	    display:none !important;
	 }
	 
	 #dragbar{
		display:none !important;
		}
		
		div.QuranBorder{
		padding:0 30px 0 60px;
		}
		

		
	
	
	}
	
	
	
/***** dawood styles ******/

/*@media(max-width:767px){*/
#simplemodal-container{
	position: fixed;
    z-index: 1002;
	 height: calc(100% - 130px)!important;
    width: calc(100% - 60px)!important;
    left: 15px!important;
    top: 30px!important;
}

.help_image
{
	width:30px;
	height:30px;
}
/*}*/
/***** end dawood styles ******/

/************** quran page responsive background **********************/
@media only screen and (max-width : 768px) {
	.QuranPageContainer #ContentPlaceHolder1_pAyah{
		position:relative;
		text-align: center;
	}
	.QuranPageContainer #ContentPlaceHolder1_pAyah:before {
		content:"";
		display: block;
		position: absolute;
		left: -7%;
		bottom: -7%;
		right: -7%;
		top: -7%;
		width: 111%;
		position: absolute;
		background: url("../images/Quran_frame1.gif") no-repeat scroll center center / 100% 100% rgba(0, 0, 0, 0);
		height: auto;
		padding: 0 4;
		height: 107%;
		padding-top: 11%;
		z-index: 0;
	}
	.QuranPageContainer.QuranAyaContainer {
		padding: 10% 0;
		height: auto;
		width: 100%;
		max-width: 100%;
		margin-top: 20px !important;
		background-size: 103%;
		width: 90%;
		min-height:inherit;
		background:none;
		margin:auto;
		padding:33px 0 70px;
	}
	.QuranPageContainer.QuranAyaContainer img {
		width: 90%;
		position: relative;
	}
	.QuranPageContainer.QuranControls {
		width: calc(100% + 20px);
		padding: 7px 0 10px;
		margin: 0 -10px;
	}
	body {
		min-width:315px;
	}
}

@media only screen and (max-width : 360px) {
	.QuranPageContainer.QuranAyaContainer {
		padding: 10% 0;
		height: auto;
		width: 100%;
		max-width: 100%;
		margin-top: 20px !important;
		background-size: 103%;
		width: 90%;
		min-height:inherit;
		background:none;
		margin:auto;
		padding:33px 0 30px;
	}
	.innerLang {
		top: 95px;
		margin: 0;
		left: calc(50% - 24px);
	}
	.Container .Navigation {
		position: inherit;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 38px;
	}
	.QuranSouraNumber select:first-child {
		width: 100% !important;
	}
}




[id*="LBLBREADCRUMBS"] a 
{
    color:#005a99;
    text-decoration:none;
  }