* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* background: #F6F6F6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAAAKCAMAAAB7ccqXAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAtUExURdDQ0NbW1t3d3eTk5MzMzOnp6dzc3O/v79XV1fHx8fT09OLi4uvr6/b29v///5ey53AAAABASURBVHja7NPZAcAQFACw10MVZf9xfdUSkh0S/Vdzas8bAzZ2x3FeX1ktQhAQBAQBQUAQEAQEAUFAENgvyBRgAPwjsEAEXWYMAAAAAElFTkSuQmCC) repeat-y 50% 0; */
	line-height: normal;
}

p,
ul,
ol {
	margin: 0.5em 0px 1em;
}

ul,
ol {
	padding-left: 3em;
}

img {
	border: none;
}

a {
	color: blue;
	text-decoration: none;
}

a:hover {
	color: blue;
}

select,
button,
input {
	font-family: Tahoma;
	font-size: 11px;
	vertical-align: middle;
	background-color: white;
}

label {
	display: inline-block;
	vertical-align: middle;
}

input[type=checkbox],
input[type=radio] {
	margin: 0 6px 0 1px;
	height: 13px;
}

.floatStart {
	float: left;
}

.floatEnd {
	float: right;
}

.icon {
	background-image: url(data:image/png;base64,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);
}

.icon-btn {
	width: 16px;
	height: 16px;
	border: 0;
	cursor: pointer;
	vertical-align: middle;
}

.button {
	border: 1px solid #889;
	background: transparent repeat-x 0 -80px;
	cursor: pointer;
	padding: 0.2em;
	margin: 0 0.2em;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	border-radius: 2px;
}

.button:hover {
	border-color: #7D98B8;
	background-position: 0 -140px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* #container { */
	/* width: 768px; */
	/* margin: 0 auto; */
	/* padding: 0; */
	/* display: block; */
/* } */

#body-content {
	width: 100%;
	
}


div#enterSearchTextNewData {
    background: #fff;
    margin: 61px 0 0 0;
    width: 96%;
    text-align: left;
    height: 250px;
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
}

#side-content {
	width: 30%;
	height: 100%;
	display: block;
	overflow: hidden;
	color: #333;
	padding:13px;
	background: #370c88;
	border: 1px solid #CCCCCC;

}




#main-content {
	width: 70%;
	/* height: 100%; */
	padding-bottom: 40px;
	background: white;
	position: relative;
}

#footer-content {
	background: #F8F7F4;
	border-top: silver 1px solid;
	border-bottom: silver 1px solid;
	padding: 4px;
	font: 10px Verdana;
	text-align: center;
}

#player-pad {
	display: none;
}

#player-loading div {
	background: none;
	border: none;
	height: 21px;
	text-align: center;
}

#top-content {
	background: #134165 url(../img/tanzil-4.png) no-repeat;
	height: 72px;
	border-bottom: 1px solid #1D394C;
}

#top-content a:hover {
	background: none;
}

.top-menu {
	background: #103145  repeat-x 0 -1px;
	height: 19px;
}




.result {
    padding: 12px;
    font-size: 15px;
    color: #666;
}

div#enterSearchText {
    position: absolute;
    top: 62px;
    text-align: left;
    width: 96%;
    background: #fff;
    padding: 9px;
    z-index: 999;
    height: 300px;
    overflow: hidden;
    overflow-y: scroll;
}

.resize-pd {
    position: relative;
}




.top-menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.top-menu li {
	float: left;
	display: block;
}

.top-menu a {
	float: left;
	display: block;
	padding: 0px 9px;
	height: 19px;
	line-height: 16px;
	color: #C3C8CB;
	font-family: Verdana;
	font-size: 12px;
}

.top-menu a:hover {
	background: #889986 repeat-x 0 -40px;
	color: #fffffe;
}

.top-menu.embed,
.top-menu.embed a {
	height: 27px;
	line-height: 26px;
}

.embed .embed-title a:hover {
	background-position: 0 -1px;
}

.sub-menu {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #555;
	background: #FcFcFc;
	margin: 16px 3px 0px;
	width: 100%;
	overflow: visible;
	text-align: left;
	text-shadow: 0 1px 0 #fff;
	box-shadow: 0px 1px 1px #eee;
	-moz-box-shadow: 0px 1px 1px #eee;
	-webkit-box-shadow: 0 1px 1px #eee;
}

.menu-top {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAAAgCAMAAACW2ELbAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAB7UExURdDQv+jr8M/V49DW4tLY5NHX4/n5+9vf6Nfb5+bp8N3h6urt8vHy9vLz9/T1+djc5+Pm7eHk7dXZ5ff4+t/j7OXo7/r6/M7U4O/w9fX2+uvu89re6fv7/fz8/P39/f7+/vv7+9DQwNHRv9HRwNLSwtLSxNPTxNPTxQAAAIeT8EMAAAApdFJOU/////////////////////////////////////////////////////8AUvQghwAAAJlJREFUeNrU0scBwkAQwMAlmwwm57VNuP4rRG1oKtBDUUrbhE1TSpT45ssl80N298t8umTmu4s28yFDeLL33YdwRj8qET5WInynRPhFifCVEuFLJcIXSoSflQi/KhE+VyK8p0T4VInwgxLhGyXCt0qE75UInykRPlEi/KZE+FqJ8EqJ8FqJ8KES4SMlwgdKhPeVCD8pxV+AAQDSmGKW+SZgZAAAAABJRU5ErkJggg==) repeat-x 0 0;
	padding: 4px 7px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #4682b4;
	border-bottom: 1px solid #D0D0BF;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 100% 23px;
}

.menu-top:hover {
	color: blue;
}

.menu-content,
.menu-body {
	display: none;
}

.small-button {
	width: 18px;
	height: 15px;
	padding: 0;
	margin: 0 0 0 2px;
}

.menu-setting-icon {
	position: absolute;
	top: -18px;
	right: -1px;
	width: 20px;
}

.menu-body {
	border: 1px solid #D0D0BF;
	border-top: 0px;
	padding: 8px 0 8px;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}

.menu-body .menu-row {
	padding: 2px 0 2px 7px;
	margin: 0;
	position: relative;
}

.menu-body a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial;
}

.menu-body label {
	font-size: 11px;
}

.menu-body label.small {
	width: 43px;
	font-size: 12px;
}

.menu-body select {
	height: 19px;
	width: 122px;
	border: 1px solid #BDC7D8;
	padding: 1px;
}

.menu-body select.long {
	width: 168px;
}

.menu-body option {
	padding: 1px 3px;
}

.menu-body input[type=text] {
	padding: 2px 3px;
	border: 1px solid #BDC7D8;
	background-color: white;
}

.menu-body input.small {
	width: 64px;
}

.menu-top span {
	display: inline-block;
	vertical-align: text-top;
	margin-top: 2px;
	width: 15px;
	height: 10px;
	background-position: -2px -35px;
}

.collapsed .menu-top span {
	background-position: -18px -35px;
}

.menu-body .vspace {
	display: block;
	height: 5px;
}

#searchText,
#gotoText {
	width: 132px;
	padding: 3px;
	direction: rtl;
}

#gotoText {
	direction: ltr;
}

.search-tab .button {
    width: 30px;
    height: 22px;
    position: absolute;
    top: 3px;
    right: 6px;
    padding: 1px 3px;
    border: 1px solid #3079ED;
    border-radius: 0;
    background-color: #4D90FE;
    background-image: none;
    background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
}

.search-tab .button:hover {
	border: 1px solid #2f5bb7;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	background-color: #357AE8;
	background-image: none;
	background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
	background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8)
}

.menu-body .comment-row {
	margin: 0 8px -4px;
	font-size: 10px;
	text-align: right;
}

.menu-body .icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	cursor: pointer;
}

.info-mark {
	font-size: 11px;
	color: blue;
	cursor: pointer;
	position: relative;
	top: -4px;
	left: 1px;
}

#rootMenu {
	width: 140px;
	height: 21px;
	margin: 0;
	direction: rtl;
}

#charList {
	color: gray;
	direction: rtl;
	text-align: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 5px 7px;
	background: #f6f6fa;
	padding: 2px 3px;
	cursor: pointer;
}

#charList a {
	color: #77b;
	line-height: 1.5em;
	font-family: Tahoma;
}

#charList a:hover {
	background: #ddf;
	color: blue;
}

.current-char {
	background: #ddf;
	color: green;
}

.trans-row .icon {
	margin-left: -3px;
	display: none;
	background-position: -32px -16px;
}

.trans-row .icon.active {
	background-position: -48px 0px;
}

.reciter select.reciteMenu {
	width: 152px;
}

.reciter select.repeatMenu {
	display: none;
	width: 45px;
}

.repeatCount {
	display: inline-block;
	cursor: pointer;
	width: 15px;
	text-align: center;
}

.edit select.reciteMenu {
	width: 120px;
}

.edit select.repeatMenu {
	display: inline-block;
}

.edit .repeatCount {
	display: none;
}

.reciter .icon-close {
	margin: 0 2px;
}

.icon-setting {
	background-position: -64px -16px;
}

.icon-setting:hover {
	background-position: -64px 0;
}

.icon-close {
	background-position: -96px -16px;
}

.icon-close:hover {
	background-position: -96px 0;
}

.icon-search {
	background-position: -96px -48px;
}

.sound-options {
	display: none;
	background: #f4f4f5;
	padding: 8px 0 5px;
	border-bottom: 1px solid #ddd;
}

#search-tab {
	width: 500px;
	margin: 25px 32px 40px;
}

.searchHeader {
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	padding: 5px 3px;
	color: #333;
}

.searchOffset {
	font-family: Arial;
	font-size: 12px;
	line-height: 1.1em;
	width: 15px;
	height: 1em;
	padding: 0px;
	text-align: center;
}

.searchFrame {
	font-size: 16px;
	border: 4px solid #D4DDCC;
	background: #F5FFEB;
	direction: ltr;
}

.searchResults {
	font-family: "Traditional Arabic", "Times New Roman";
	direction: rtl;
	line-height: 1.5em;
	padding: 0px;
}

.result {
	cursor: pointer;
	border-bottom: 1px solid #D4DDCC;
}

.result div {
	padding: 5px 10px;
}

.result div:hover {
	background: #E4EEDC;
}

.result .row-0 {
	background: #F5FFEB;
}

.result .row-1 {
	background: #EEF8E5;
}

.searchResults .spec,
.searchResults .number {
	font-family: "Traditional Arabic", "Times New Roman";
	font-size: 18px;
	white-space: nowrap;
	color: green;
}

.searchResults .highlight {
	color: blue;
	font-weight: bold;
	font-size: 95%;
}

#searchPattern {
	font-family: Tahoma, "Traditional Arabic";
	background: #f3f3ff;
}

.dbox-wrapper {
	display: none;
	z-index: 10000;
	position: absolute;
	top: 125px;
	left: 500px;
	width: 400px;
	padding: 10px;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==) repeat scroll 0 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}

.dbox-loading {
	background-color: #f2f2f2;
	color: #333;
	border: 1px solid #606060;
	font-size: 24px;
	padding: 10px;
}

.dbox {}

.dbox-title {
	background-color: #329095;
	color: white;
	border: 1px solid #396565;
	border-bottom-width: 0;
	font-size: 14px;
	font-weight: bold;
	margin: 0
}

.dbox-title span {
	display: inline-block;
	padding: 5px 10px
}

a.dbox-close {
	color: #fffffe;
	display: inline-block;
	float: right;
	padding: 5px 7px;
	font-weight: bold;
	text-decoration: none;
	font-family: arial, helvetica, tahoma, verdana, sans-serif
}

a.dbox-close:hover {
	text-decoration: underline;
}

.dbox-body {
	background: #fff;
	border: 1px solid #555;
	border-top-color: #329095;
}

.dbox-content {
	padding: 0;
	border-bottom: 1px solid #ccc;
	overflow: auto;
}

.dbox-footer {
	background: #f2f2f2;
	padding: 8px 10px 8px 10px;
	text-align: right;
	font-weight: bold;
	color: #333;
}

.dbox-footer .button {
	font-family: Arial, sans-serif;
	font-size: 13px;
	padding: 5px 9px;
	margin-left: 6px;
}

.dbox-footer .button:hover {
	color: black;
}

.dbox-content h2 {
	font-size: 13px;
	margin: .5em 0;
}

.dbox-content h3 {
	font-size: 12px;
	margin: .5em 0;
}

.dbox-content li {
	margin-bottom: 0.2em;
}

.dbox-content a {
	color: #3B5998;
	text-decoration: none;
}

.dbox-content a:hover {
	text-decoration: underline;
}

#about,
#resources {
	padding: 10px;
}

.tip {
	z-index: 1000;
}

.tip-wrapper {
	border: 1px solid #999;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color: #454545;
}

.tip-title {
	background-color: #e1e1e1;
	padding: 2px 4px;
	font-weight: bold;
}

.tip-content {
	background-color: #fff;
	padding: 2px 4px;
}

a.tip-close,
a.tbox-close {
	color: #999;
	display: inline-block;
	float: right;
	font-size: 12px;
	text-decoration: none;
	font-family: arial, helvetica, tahoma, verdana, sans-serif
}

a.tip-close:hover,
a.tbox-close:hover {
	text-decoration: underline;
}

.tip-shadow {
	background-color: #e4e4e4;
	background-color: rgba(200, 200, 200, 0.6);
}

.tip-shadow2 {
	box-shadow: 3px 3px 4px #aaa;
	-moz-box-shadow: 3px 3px 4px #aaa;
	-webkit-box-shadow: 3px 3px 4px #aaa;
}

.transTip .tip-wrapper {
	border: 2px solid #8cb;
	font-size: 13px;
}

.transTip .tip-title {
	background-color: #e2f2e8;
	color: #333;
	padding: 7px 10px;
	font-weight: bold;
	font-family: Tahoma, Arial;
	font-size: 12px;
}

.transTip .tip-content {
	background-color: #fff;
	color: #404040;
	padding: 7px 10px 10px;
}

.tbox {
	z-index: 100;
	display: none;
	position: absolute;
	padding-right: 10px;
}

.tbox-wrapper {
	width: 250px;
	background-color: #fff;
	font-family: Tahoma, Arial;
	font-size: 13px;
}

.tbox-wrapper {
	position: relative;
	border: 3px solid #B7D8B1;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tbox-title {
	background-color: #E4EEDC;
	padding: 8px 7px;
	font-weight: bold;
	color: #333;
	font-size: 12px;
}

.tbox-content {
	background-color: #fff;
	padding: 7px 7px 9px;
	color: #404040;
}

.tbox-title,
.tip-title {
	direction: ltr;
	text-align: left;
}

.tbox-title.rtl,
.tip-title.rtl {
	text-align: right;
}

.rtl a.tbox-close,
.rtl a.tip-close {
	float: left;
}

.console {
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	background: white;
}

.modal .tbox,
.modal .tip,
.modal .qtip {
	visibility: hidden;
}

.tipsy {
	padding: 5px;
	position: absolute;
	z-index: 100000;
	font-family: "Helvetica Neue", Helvetica, Tahoma, Arial;
	font-size: 12px;
}

.tipsy-inner {
	padding: 3px 8px;
	background-color: black;
	color: #eee;
	max-width: 200px;
	text-align: center;
}

.tipsy-inner {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tipsy-arrow {
	position: absolute;
	background: url('data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==') no-repeat top left;
	width: 9px;
	height: 5px;
}

.tipsy-n .tipsy-arrow {
	top: 0;
	left: 50%;
	margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
}

.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
}

.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -4px;
	background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	right: 0;
	width: 5px;
	height: 9px;
	background-position: top right;
}

.tipsy-w .tipsy-arrow {
	top: 50%;
	margin-top: -4px;
	left: 0;
	width: 5px;
	height: 9px;
}

.font-tester {
	position: absolute;
	left: -10000px;
	font-size: 19px;
	display: none;
}

#loadingImage {
	position: absolute;
	right: 5px;
	top: 5px;
}

#jplayer-box {
	hieght: 0;
	width: 0;
}

#loading-font {
	display: none;
	padding: 3px 9px 0 0;
}

.ui-tab {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tab li {
	list-style: none;
	float: left;
	position: relative;
	top: 1px;
	margin: 0 .2em 1px 0;
	border-bottom: 0 !important;
	padding: 0;
	white-space: nowrap;
}

.ui-tab a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
	cursor: pointer;
}

.ui-tab .selected {
	margin-bottom: 0;
	padding-bottom: 1px;
}

.ui-tab .selected a {
	cursor: text;
}

.ui-tab a:active {
	outline: none;
}

#menu-tab ul {
	background: #EBEEF3;
	border: 1px solid #CCCCCC;
	border-top: 0px;
	padding: 4px 2px 0;
}

#menu-tab li {
	background: #FCFCFC;
	border: 1px solid #CCCCCC;
	margin: 0 0 0 2px;
}

#menu-tab a {
	background: #ECEFF0;
	padding: 1px 4px 2px;
	font-family: Verdana;
	font-size: 9px;
	color: #999;
}

#menu-tab a:hover {
	background: #FBFBFB;
	color: blue;
}

#menu-tab .selected a,
#menu-tab .selected a:hover {
	background: #FCFCFC;
	color: #4682b4;
}

#page-tab {
	position: relative;
}

#page-tab ul {
	background: #370c88;
	border-bottom: 1px solid #CCCCCC;
	padding: 7px 12px 0px;
}

#page-tab li {
	background: white;
	border: 1px solid #CCCCCC;
	margin: 0 4px 0 2px;
}

#page-tab a {
	background: #ECEFF0;
	padding: 2px 6px;
	font-family: Verdana;
	font-size: 11px;
	color: #777;
}

#page-tab a:hover {
	background: #FBFBFB;
	color: #4682b4;
}

#page-tab .selected a,
#page-tab .selected a:hover {
	background: white;
	color: blue;
}

.ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ui-helper-clearfix {
	display: inline-block;
}

* html .ui-helper-clearfix {
	height: 1%;
}

.ui-helper-clearfix {
	display: block;
}

.ui-hidden {
	display: none;
}

.no-hover:hover {
	background-color: white;
}

.top-ad {
	display: none;
	position: relative;
	font-family: "lucida grande", tahoma, arial;
	font-size: 12px;
	background-color: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 8px;
	color: #222;
	margin: 16px 32px -4px;
}

.quran {
    max-width: 550px;
    padding: 4px 0 0 15px;
    padding-top: 20px;
    direction: ltr;
    font-family: "Times New Roman";
}

/* .qFrameTop { */
	/* background: #F7FCE3 url(../img/frame.png) no-repeat; */
	/* height: 23px; */
/* } */
.qFrameTop {
	background: none;
	height: 23px;
}

/* .qFrameMiddle { */
	/* background: #F7FCE3 url(../img/frame.png) repeat-y -500px 0; */
	/* line-height: 2.35em; */
	/* font-family: "Traditional Arabic", Scheherazade, "Times New Roman"; */
/* } */
.qFrameMiddle {
    background: none;
    line-height: 2.35em;
    font-family: "Traditional Arabic", Scheherazade, "Times New Roman";
}
/* .qFrameBottom { */
	/* background: #F7FCE3 url(../img/frame.png) no-repeat 0 bottom; */
	/* height: 23px; */
/* } */
.qFrameBottom {
	background: none;
	height: 23px;
}
.suraHeaderFrame {
	background: url(http://kuran4all.com/img/hur2.png) no-repeat center center;
	margin: 3px 16px 8px;
	background-size: 100%;
}

.suraHeaderText {
	font-family: "Times New Roman";
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	line-height: 49px;
	/* width: 412px; */
}

.quranPageHeader,
.quranPageFooter {
	direction: ltr;
	text-align: center;
	font-family: "Times New Roman";
	font-weight: bold;
	font-size: 16px;
	padding: 5px;
	color: #333;
	max-width: 564px;
}

.quranText {
	direction: rtl;
	font-size: 1.15em;
	text-align: right;
	 max-width: 480px;
	margin: 0px 30px;
	padding: 16px 14px;
	color: black;
}

.aya {
	background-color: #F7FCE3;
}

.aya.hover {
	background-color: #E4EEDC;
}

.aya.selected,
.aya.highlight {
	background-color: #C4ECBD;
}

.ayaNumber {
	font-size: .85em;
	white-space: nowrap;
	color: #050;
	cursor: pointer;
}

.ayaNumber a {
	color: #050;
}

.aya.highlight .sign {
	color: black;
}

.aya.highlight span.highlight {
	color: blue;
}

.besm {
	text-align: center;
}

.sign {
	font-family: "Times New Roman";
	color: #FB7600;
	font-size: 0.9em;
}

.internal-sign {
	font-family: "Times New Roman";
	color: green;
	font-size: 0.65em;
}

.juz-sign {
	width: 16px;
	height: 16px;
	background-position: 0 -48px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 3px;
}

.arrow-link {
	font-family: "Times New Roman";
	color: #AAA;
	font-size: 0.9em;
	text-decoration: none;
}

.arrow-link:hover {
	color: #666;
	text-decoration: none;
}

.transText {
	font-family: Tahoma, Arial, "Times New Roman", Sans-Serif;
	direction: rtl;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: justify;
	width: 412px;
	margin: 0px 44px;
	padding: 16px 0px;
	color: black;
}

.transText .aya.selected,
.transText .aya.selected .ayaNumber {}

.transText .ayaNumber {
	font-weight: bold;
}

.quranText .ayaNumber {
	font-family: "Traditional Arabic", "Times New Roman";
}

.jp-interface .icon {
	width: 14px;
	height: 16px;
}

.icon-play {
	background-position: 0px 0px;
}

.icon-play:hover {
	background-position: 0px -16px;
}

.icon-pause {
	background-position: -16px 0px;
}

.icon-pause:hover {
	background-position: -16px -16px;
}

.icon-volume {
	background-position: -32px 0px;
}

.jp-volume-toggle.mute .icon {
	background-position: -32px -16px;
}

.jp-interface div {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

div.jp-interface {
	vertical-align: middle;
	margin: 3px 0 0;
	position: relative;
	width: 166px;
	height: 19px;
	border: 1px solid #bbb;
	border-color: #eee #bbb #ABABAB;
	background: #f0f0f0  repeat-x 0 -200px;
	direction: ltr;
}




div.jp-play-pause {
	position: absolute;
	height: 16px;
	left: 0;
	padding: 1px;
	padding-right: 4px;
	cursor: pointer;
	border-right: 1px solid #ccc;
}

div.jp-progress {
	position: absolute;
	top: 6px;
	left: 25px;
	width: 90px;
	height: 6px;
}

div.jp-seek-bar {
	background-color: #ABACD3;
	width: 0px;
	height: 6px;
	cursor: pointer;
}

div.jp-play-bar {
	background-color: #000099;
	width: 0px;
	height: 6px;
}

div.jp-volume-toggle {
	position: absolute;
	height: 16px;
	left: 120px;
	padding: 1px 0px;
	cursor: pointer;
	border-left: 1px solid #ccc;
}

div.jp-volume-mute-pad {
	display: none;
	position: absolute;
	height: 18px;
	left: 120px;
	width: 42px;
	cursor: pointer;
}

div.jp-volume-max {
	position: absolute;
	top: 1px;
	left: 160px;
	height: 16px;
	width: 4px;
	cursor: pointer;
}

div.jp-volume-bar {
	position: absolute;
	top: 1px;
	width: 25px;
	height: 16px;
	cursor: pointer;
	left: 135px;
}

div.jp-volume-bar-wrapper {
	background-color: #ccc;
	margin-top: 6px;
	height: 4px;
}

div.jp-volume-bar-value {
	background-color: #01a;
	width: 0px;
	height: 4px;
}


.aya { position: relative; }
.aya .aya-wrapper {}
.aya .trans-text { background: #fff; font-family: Tahoma,Arial; font-size: 13px;  color: #404040; text-align: left; line-height: normal; border:3px solid #B7D8B1; width:250px; position: absolute; left:100%; bottom: 100%; border-radius: 2px; -webkit-border-radius: 2px; }
.aya .trans-text .title { background: #E4EEDC; padding:8px 25px 8px 7px; font-weight: bold; color: #333;
    font-size: 12px; letter-spacing: 0.5px; display: inline-block; vertical-align: top; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
.aya .trans-text .text { line-height: 18px; display: inline-block; vertical-align: top; padding: 6px 7px; width
	: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
	.aya .trans-text .close { font-size: 13px; color:#999; padding:5px 5px; position: absolute; top: 1px; right: 4px; }

#container { margin: 0 auto !important;  }

body.tooltip-parent .outer-tooltip-wrapper { width:250px;   }
body.tooltip-parent .outer-tooltip-wrapper .inner-text { background: #fff; font-family: Tahoma,Arial; font-size: 13px;  color: #404040; text-align: left; line-height: normal; width:250px; position: absolute; left:100%; bottom: 100%; border-radius: 2px; -webkit-border-radius: 2px; }
body.tooltip-parent .outer-tooltip-wrapper .inner-text .title { background: #E4EEDC; padding:8px 25px 8px 7px; font-weight: bold; color: #333;
    font-size: 12px; letter-spacing: 0.5px; display: inline-block; vertical-align: top; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
body.tooltip-parent .outer-tooltip-wrapper .inner-text .text { line-height: 18px; display: inline-block; vertical-align: top; padding: 6px 7px; width
	: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; }
body.tooltip-parent .outer-tooltip-wrapper  .inner-text .close { font-size: 13px; color:#999; padding:5px 5px; position: absolute; top: 1px; right: 4px; }

body.tooltip-parent.tooltip-fixed {}
body.tooltip-parent.tooltip-fixed .outer-tooltip-wrapper { left: calc(50% - -65px) !important; left: -webkit-calc(50% - -65px) !important; }












/**=========================
	A 07/01
==================================*/
.main-menu-bar-top-bd ul li a {
    color: #fff;
    font-size: 16px;
    padding: 15px;
    text-decoration: none;
    font-weight: 600;
}
.main-menu-bar-top-bd {
    /* margin-bottom: 30px; */
    position: relative;
    z-index: 9;
    background-image: url(../img/bg_topHeader2.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding:131px 0 10px;
    margin-top: -42px;
	background-color:#4a2b17;
	background-position: center;
}



button:focus {
    outline: none!important;
}
#footer-information {
    z-index: 9;
    background-image: url(../img/footer-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding:40px 0 18px;
	width:100%;
	float:left;
}
/* section.header-banner-full-top-bd img { */
    /* width: 100%; */
    /* max-width: 100%; */
    /* margin-top: -228px; */
    /* margin-bottom: 44px; */
/* } */
#footer-information p {
    color: #fff;
    font-size: 16px;
    margin: 0;
}
#footer-information p a {
    color: #fff;
    font-size: 16px;
	margin:0;
	text-decoration:none;
}
#footer-information {
    background-color: transparent;
    padding: 119px 0 34px 0;
    text-align: center;
    margin-top: 20px;
}
.logo-site a {
	font-weight: bold;
    color: #fff;
}

/* .quran { */
    /* background-image: url("../img/border-img-bg.png"); */
    /* background-repeat: no-repeat; */
    /* background-size: 100% 100%; */
	/* margin:15px; */
/* } */
.quran {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 15px;
    background-color: #F7FCE3;
    border: 10px groove #ddd;
}

button#btnPlayPause {
    border: 1px solid #eee;
    padding: 0 6px;
}
button#btnMute {
    border: 1px solid #eee;
    padding: 0 6px;
    margin-top: 7px;
}
#audio_player_user_145 #volume-bar {
    max-width: 110px;
    margin-top: 7px;
}
#audio_player_user_145 progress#progress-bar {
    margin-top: 0;
    margin-left: 5px;
    vertical-align: text-bottom;
}
#audio_player_user_145 #audio_player {
    margin-left: 7px;
    margin-top: 8px;
}
input#gotoText {
    width: 98%;
}
#panel, #flip {

}

#panel {
  padding: 50px;
  display: none;
}
/*==========17/01/219================*/
#search-goto-tab .menu-row.comment-row a {
	font-size: 13px;
	text-decoration: none;
}
	#bodytext { margin: 15px 12px; }
	#bodytext div { background-color: #f2f2f2; padding: 8px; padding-left: 12px; border-left: 5px solid #CCCCCC;}
	#bodytext li { margin: 0; }
	#bodytext h2 { color: #3B5998; border-bottom: 1px solid #E9E9E9; }
	
	.table { width: 100%; border: 1px solid #E0E0E0; border-width: 1px 0px 0; color: 000;}
	.table th { text-align: left; color: #000; background-color: #f8f8f8; text-weight: normal;}
	.table td, th { padding: 5px 10px; border-bottom: 1px dotted #ddd;}
	.btn.btn-secondary.user-Close-btn-click {
    background-color: #370c88;
    border: 0;
}
.openpopup-user-section .modal-header {
	/* display: -webkit-box; */
	/* display: -ms-flexbox; */
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #e9ecef;
	 border-top-left-radius: .0rem; 
	 border-top-right-radius: .0rem; 
	background-color: #370c88;
	color: #fff;
}
.openpopup-user-section .modal-header .close {
	padding: 20px;
	margin: -1rem -1rem -1rem auto;
	color: #000;
	opacity: 1.9;
	background-color: #fff;
}
/*===================21-01-2019======**/
.desktop-view{display:none;}
.qFrameMiddle {
    padding: 20px;
}

.suraHeaderFrame{margin-top:25px; margin-bottom:10px;}
.sub-menu label {
    margin: 0;
}
/**============Start 22-01-2019=============*/
.fa.fa-cog {
    font-size: 20px;
    padding: 1px 8px;
    color: #4D90FE;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    z-index: 9999;
    pointer-events: all;
}
.add-other-lang.add-click-btn {
	border: 1px solid #ccc;
	padding: 0 6px;
	color: #333;
	font-size: 11px;
	text-decoration: none;
	margin-left: 5px;
	background-color: #eee;
	z-index: 999;
    position: relative;
}
.remove-speaker a {
    color: #333;
    font-weight: 500;
    padding: 7px;
}
.add-btn {
    text-align: right;
    position: relative;
}
.menu-body.open-box-bd {
	padding-left: 18px;
}
/**============END 22-01-2019=============*/

/**==========================
		23-01-2019
===============================================*/

#menu-tab #search-goto-selector a {
    background: #4D90FE;
    color: #fff;
    font-size: 11px;
    margin-left: 12px;
}
/**==========================
		24-01-2019
===============================================*/
#reciters {
    margin-top: 16px;
}

/**==========================
		05-02-2019
===============================================*/

.search-bar-header-section-01 .user_search_bar {
    border: none;
    padding: 17px 20px;
    max-width: 82%;
    float: left;
    width: 100%;
}


.search-text-container .user_search_bar::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #222;
  opacity: 1; /* Firefox */
}

.search-text-container .user_search_bar:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #222;
}

.search-text-container .user_search_bar::-ms-input-placeholder { /* Microsoft Edge */
  color: #222;
}


.search-bar-header-section-01 .user_search_btn {
    background-color: #f79234;
    color: #fff;
    font-size: 20px;
    padding: 9px 0 11px;
    font-weight: 600;
    border: 4px solid #fff;
    border-left: 0;
    cursor: pointer;
    width: 17%;
    float: left;
    position: relative;
    transition: all 500ms ease-in-out;
}

.search-bar-header-section-01 .user_search_btn:hover {
    background-color: #370c88;
}
.search-bar-header-section-01 #transMenu-search {
    padding: 17px 30px;
    border: none;
     -webkit-appearance: none;
  -moz-appearance: none; 
  width: 100%;

}
.search-bar-header-section-01 {
    background-color: #370c88;
    padding: 30px 0;
    text-align: center;
    margin-bottom: 40px;


}
.user_choose_option_01{
		position:relative;
}

.search-bar-header-section-01 .search-text-container {
	max-width: 100%;
	width: 100%;
	margin: auto;

}
.search-text-container .container-cus {
    width: 97%;
    margin: 0 auto;
}

.search-bar-header-section-01 .fa.fa-angle-down {
    background-color:#f79234;
    color: #fff;
    height: 100%;
    line-height: 60px;
    padding: 0 5px;
	position:absolute;
	left: auto;
    right: 0;
}
.user_search_btn_box i.fa.fa-search {
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 4px;
    font-size: 20px;
    width: 19%;
    line-height: 56px;
	pointer-events: none;
}
.user_search_btn_box {
    cursor: pointer;
	position: relative;
}
.resize-pd {
    padding-right: 0;
}
/**==========================
		12-02-2019
===============================================*/

.searchText-info {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #F7FCE3;
    border: 2px solid #eee;
    padding: 20px;
    float: right;
	width: 90%;
}
.searchText {
    width: 100%;
    margin-top: 38px;
    margin-bottom: 15px;
}
.count-no-design {
    background-color: #f79234;
    color: #fff;
    max-width: 70px;
    text-align: center;
    padding: 21px;
    border-radius: 2px;
    float: left;
	width: 10%;
}



.enterSearchText-section-bd#enterSearchText{
	position: relative;
	top: 0px;
	text-align: left;
	width: 100%;
	background: #fff;
	z-index: 999;
	height: auto;
	overflow: inherit;
	overflow-y: inherit;
	float: left;
	box-shadow: 0 0 45px #eee;
	padding: 30px;	
}
.search-results-section {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 10px;
}
.search-results-section h1 {
	font-size: 30px;
	text-transform: capitalize;
	font-weight: 600;
}
.enterSearchText-section-bd .result {
    cursor: pointer;
    border-bottom: none;
    display: inline-block;
    width: 100%;
}






@media (min-width:1600px){
.main-menu-bar-top-bd {
    /* margin-bottom: 30px; */
    position: relative;
    z-index: 9;
    background-image: url(../img/bg_topHeader2.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0 10px;
    margin-top: -42px;
    background-color: #4a2b17;
    background-position: center;
}	
	
}

@media (min-width:1199px){
	body.tooltip-parent .outer-tooltip-wrapper .inner-text {
    /* border: 3px solid #B7D8B1;		 */
}
.inner-text.inner-text2-inner-open {
    border: none!important;
}





}


@media (max-width:1199px){
		body.tooltip-parent .outer-tooltip-wrapper .inner-text {
    border: none;
	
	
}
	
.outer-tooltip-wrapper {
    position: inherit !important;
}
/* body.tooltip-parent .outer-tooltip-wrapper .inner-text { */
    /* width: 250px; */
    /* position: absolute; */
    /* left: 50%; */
    /* bottom: 0; */
    /* border-radius: 2px; */
    /* -webkit-border-radius: 2px; */
    /* right: 0; */
    /* transform: translate(-50%,50%); */
    /* top: 23%; */
    /* max-height: 110px; */
    /* height: 100%; */
	/* z-index:99; */
/* } */
body.tooltip-parent .outer-tooltip-wrapper .inner-text {
    width: 250px;
    position: relative;
    left: auto;
    bottom: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    right: 0;
    /* transform: translate(-50%,50%); */
    top: 0;
    /* max-height: 110px; */
    /* height: 100%; */
    z-index: 99;
	margin: auto;
}

.outer-tooltip-wrapper-mobile-n{
	display:none!important;
}
body.tooltip-parent .outer-tooltip-wrapper {
    width: auto;
}


.inner-text.inner-text2-inner-open.clearfix2 {
     border: 3px solid #B7D8B1!important;
}

.mobile-view-v{display:none!important;}	
.outer-tooltip-wrapper.desktop-view .inner-text {
	border: 3px solid #B7D8B1 !important;
}
.outer-tooltip-wrapper.desktop-view {
	margin-bottom: 30px;
}
.transText {
    width: 100%;
    margin: 0px 0;
	padding: 30px;
}



	
}

.mobile-view-logo-bd{display:none;}

@media (max-width:991px){
.main-menu-bar-top-bd ul li a {
	color: #fff;
    font-size: 14px;
    padding: 15px 15px;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.main-menu-bar-top-bd .navbar-collapse {
    position: absolute;
    top: 56px;
    width: 100%;
    z-index: 9;
    background-color: #370c88;
    left: 0;
    right: 0;
}
.main-menu-bar-top-bd .navbar-toggler {
    color: #fff;
    font-weight: 600;
}
.logo-site.site-logotop {
    display: none;
}
ul.navbar-nav.ml-auto.Menu-Right1 li:first-child {
    display: none;
}
ul.navbar-nav.ml-auto.Menu-Right1 {
    margin-top: 0;
}

.nav-item.resize-space-bd {
    display: none;
}
.navbar-nav.justify-content-center.logo-site {
	display: none;
}
.mobile-view-logo-bd{display:block;}
.mobile-view-logo-bd {
	display: block;
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	z-index: -1;
}
.main-menu-bar-top-bd .navbar-toggler {
    padding-left: 0;
}
.main-menu-bar-top-bd ul li a:hover {
	background-color: #fdfde0;
	transition: all 500ms ease-in-out;
	color:#000;
}


	
}



@media (max-width:767px){
#main-content {
    width: 100%!important;
    height: auto !important;
}

#side-content{
 width: 100%!important;
}

.quran {
    background: #fdfde0;
    border: 6px groove #ddd;
}
.quran {
	max-width:100%;
	margin-left: 0;
	margin-right: 0;
}
.quranText {
    margin: 0px 0;
}
.transText, .qFrameMiddle{padding-bottom:0; padding-top:0;}

.user_choose_option_01 {
    margin-top: 15px;
}
.search-bar-header-section-01 .user_search_bar {
    max-width: 83%;
}
.resize-pd {
    padding-right: 15px;
}

.count-no-design {
    background-color: #f79234;
    color: #fff;
    max-width: 70px;
    text-align: center;
    padding: 5px;
    border-radius: 2px;
    float: left;
    width: 20%;
    height: 50px;
    line-height: 40px;
}
.searchText-info {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #F7FCE3;
    border: 2px solid #eee;
    padding: 20px;
    float: right;
    width: 78%;
}

div#enterSearchTextNewData {
    background: #fff;
    margin: 61px 0 0 0;
    width: 92%;
    text-align: left;
    height: 250px;
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    z-index: 9999;
}





	
}

@media and (max-width:765px) and (max-width:768px){

	.search-bar-header-section-01 {
		background-color: #370c88;
		padding: 30px 0;
		text-align: center;
		margin-bottom: 40px;
		width: 100%;
	}
	
}