/* Book Styles
--------------------------------------------------------- */
@font-face {
	font-family: "rafedAlaem";
	src: url('font/rfdAlaem/rfdAlaem05.eot');
	src: local('font/rfdAlaem/rfdAlaem05.ttf'),
		 url('font/rfdAlaem/rfdAlaem05.ttf') format('truetype'),
		 url('font/rfdAlaem/rfdAlaem05.woff') format('woff'),
		 url('font/rfdAlaem/rfdAlaem05.svg#webfontYBMgNOwD') format('svg');
}
@font-face {
    font-family: 'Karim';
    src: url('font/karim/Karim.eot');
    src: url('font/karim/Karim.eot') format('embedded-opentype'),
         url('font/karim/Karim.woff2') format('woff2'),
         url('font/karim/Karim.woff') format('woff'),
         url('font/karim/Karim.ttf') format('truetype'),
         url('font/karim/Karim.svg#Karim') format('svg');
}
@font-face {
    font-family: AmiriWeb;
    font-style: normal;
    font-weight: 400;
    src: url('font/amiri-0.108-webfonts/amiri-regular.eot?') format('eot'),
         url('font/amiri-0.108-webfonts/amiri-regular.woff2') format('woff2'),
         url('font/amiri-0.108-webfonts/amiri-regular.woff') format('woff'),
         url('font/amiri-0.108-webfonts/amiri-regular.ttf')  format('truetype');
}
@font-face {
    font-family: AmiriWeb;
    font-style: normal;
    font-weight: 700;
    src: url('font/amiri-0.108-webfonts/amiri-bold.eot?') format('eot'),
         url('font/amiri-0.108-webfonts/amiri-bold.woff2') format('woff2'),
         url('font/amiri-0.108-webfonts/amiri-bold.woff') format('woff'),
         url('font/amiri-0.108-webfonts/amiri-bold.ttf')  format('truetype');
}
@font-face {
	font-family: "Uthmanic";
	src: url('font/Uthmanic/UthmanicHaf1Ver09.eot');
	src: local('font/Uthmanic/UthmanicHaf1Ver09.otf'),
		 url('font/Uthmanic/UthmanicHaf1Ver09.otf') format('truetype'),
		 url('font/Uthmanic/UthmanicHaf1Ver09.woff') format('woff'),
		 url('font/Uthmanic/UthmanicHaf1Ver09.svg#webfontYBMgNOwD') format('svg');
}
/********************************************/

#rightwraper {
	font-family: Traditional Arabic;
	font-size: 12px;
	line-height: 1.4;
}

table {
    border-spacing: 0;
}
td {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

p {
	margin:0.3em 0;
	text-align:justify;
	direction:rtl;
}

/* Indent */
p, h1, h2, h3, h4, h5 {
	text-indent:1em;
}
#content1 {
	width: 313px;/*page width + padding*/
	margin: 0 auto;

	position: relative;
}

.sepia #content1 img{
	filter: sepia(100%) saturate(200%) contrast(0.9) hue-rotate(344deg) brightness(98%);
	-webkit-filter: sepia(100%) saturate(200%) contrast(0.9) hue-rotate(344deg) brightness(98%);
	-moz-filter: sepia(100%) saturate(200%) contrast(0.9) hue-rotate(344deg) brightness(98%);
	-o-filter: sepia(100%) saturate(200%) contrast(0.9) hue-rotate(344deg) brightness(98%);
	-ms-filter: sepia(100%) saturate(200%) contrast(0.9) hue-rotate(344deg) brightness(98%);
}
.gray #content1 img {
	filter: invert(0.7);
	-webkit-filter: invert(0.7);
	-moz-filter: invert(0.7);
	-o-filter: invert(0.7);
	-ms-filter: invert(0.7);
}
.night #content1 img {
	-moz-filter: invert(1);
	-o-filter: invert(1);
	-webkit-filter: invert();
    filter: invert(1);
	/* IE 6-7 */
    filter: progid:DXImageTransform.Microsoft.BasicImage(invert=1);
	/* IE 8 */
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(invert=1)';
}

#content1 .pageImage {
	position: absolute;
	left: 5px;
	top: 15px;
	text-decoration: none;
	z-index: 10;
	font-family: "RafedIcons";
	font-size: 2em;
}
#content1 .pageImage:hover {
	text-decoration: none;
}
#content1 .pgImg {
	width: 120%;
	margin: -40px -30px -25px;
	background: url('../images/wait2.gif') center center no-repeat transparent;
	min-height: 100px;
}
#content1 .book3d {
	width: 5em;
	float: right;
	margin: 0;
}

.day .page {
  background-color: #ffffff;
  border: 1px solid #a9b0b8;
}
.sepia .page {
  background-color: #f3ebd4;
  border: 1px solid #9d8e69;
}
.gray .page {
  background-color: #4c4c4c;
  border: 1px solid #444444;
}
.night .page {
  background-color: #000;
  border: 1px solid #363636;
}
.page {
  margin: 7px auto;
  text-align: center;
  min-height: 360px;
  width: 250px;
  /* display: block; */
  padding: 40px 30px 25px;
  direction: rtl;
  text-align: justify;
  cursor: auto;

  position: relative;
}

/*.page img {
    transform: scale(0.5);
    transform-origin: 100% 0;
    -ms-transform: scale(0.5);
    -ms-transform-origin: 100% 0;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 100% 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 100% 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 100% 0;
}*/

.page .pgcontent {
  width: 100%;
  /*min-height: 36.5em;*/
  min-height: 335px;
}

p.rfdNormal0, p.rfdFootnote0, p.rfdVar0, p.rfdLine, p.rfdCenter, p.rfdFootnoteCenterBold, p.rfdLeftBold, p.rfdCenterBold1, p.rfdCenterBold2, p.rfdEn {
	text-indent:0 !important;
}
/* Bold Type */
.Heading1Char {
	font-weight:bold;
}

.Heading2Char {
	font-weight:bold;
}

.rfdBold1, .rfdBold2, .rfdCenterBold1, .rfdCenterBold1Char, .rfdCenterBold2, .rfdLeftBold, .rfdFootnoteBold, .rfdFootnoteCenterBold {
	font-weight:bold;
}
.rfdBold2, .rfdBold2Char, .rfdCenterBold2, .rfdLeftBold, .rfdFootnoteBold, .rfdFootnoteCenterBold {
	font-size:0.9em;
}
/* Center Style */
.rfdCenter, .rfdCenterBold1, .rfdCenterBold1Char, .rfdCenterBold2, .Heading1Center, .Heading2Center,
.Heading3Center, .Heading4Center, .Heading5Center, .rfdFootnoteCenter, .rfdFootnoteCenterBold, .rfdVarCenter,
.rfdPoemFootnoteCenter, .rfdPoemCenter ,.Heading1CenterChar{
	text-align:center;
	text-indent: 0 !important;
}
/* Left Style */
.rfdLeft, .rfdLeftBold, .rfdFootnoteLeft, .rfdEn {
	text-align:left;
}
/* Alaem Style */
.rfdAlaem {
	font-family: rafedAlaem;
	font-size: 1em;
	line-height: 1;
}
.treeview li .rfdAlaem {
	font-family: rafedAlaem;
	font-size: 1.3em;
	line-height: 1
}
/* Poem Styles */
.rfdPoem, .rfdPoemFootnote {
	padding-left: 1ex;
	padding-right: 1ex;
	text-align: justify;
	line-height: 1;
	text-indent: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.rfdPoem:after, .rfdPoemFootnote:after {
	content: "";
	display: inline-block;
	width: 100%;
}
.rfdPoem > br , .rfdPoemFootnote > br {
	display: none;
}
/* Number of Footnote Style */
.day .rfdFootnotenum {
	color: #CB6521;
}
.sepia .rfdFootnotenum {
	color: #CB6521;
}
.gray .rfdFootnotenum {
	color: #CB6521;
}
.night .rfdFootnotenum {
	color: #CB6521;
}

.day .rfdFootnote_num_par {
	color: #336600;
}
.sepia .rfdFootnote_num_par {
	color: #336600;
}
.gray .rfdFootnote_num_par {
	color: #336600;
}
.night .rfdFootnote_num_par {
	color: #336600;
}
.day .rfdFootnote, .day .rfdLine, .day .rfdFootnote0 {
	color: #6B7E6D;
}
.sepia .rfdFootnote, .sepia .rfdLine, .sepia .rfdFootnote0 {
	color: #574528;
}
.gray .rfdFootnote, .gray .rfdLine, .gray .rfdFootnote0 {
	color: #cecece;
}
.night .rfdFootnote, .night .rfdLine, .night .rfdFootnote0 {
	color: #cecece;
}
.rfdFootnotenum {
	font-size: 0.7em;
	line-height: 0.5em;
	vertical-align: super;
	font-weight: normal;
}
.rfdBold2 .rfdFootnotenum, .rfdCenterBold2 .rfdFootnotenum, .rfdLeftBold .rfdFootnotenum {
	font-size: 0.9em;
}
h1 .rfdFootnotenum, .Heading1 .rfdFootnotenum, .Heading1Center .rfdFootnotenum,
h2 .rfdFootnotenum, .Heading2 .rfdFootnotenum, .Heading2Center .rfdFootnotenum,
h3 .rfdFootnotenum, h4 .rfdFootnotenum, h5 .rfdFootnotenum,
.Heading3 .rfdFootnotenum, .Heading3Center .rfdFootnotenum,
.Heading4 .rfdFootnotenum, .Heading4Center .rfdFootnotenum,
.Heading5 .rfdFootnotenum, .Heading5Center .rfdFootnotenum,
.rfdBold1 .rfdFootnotenum, .rfdCenterBold1 .rfdFootnotenum {
	font-size: 0.8em;
}
.rfdFootnote_num_par {
	font-size: 0.7em;
	line-height: 0.5em;
	vertical-align: super;
}
/*	*/
.rfdVar, .rfdVar0, .rfdVarCenter {
	font-size:0.9em;
}
.rfdMid{
	font-size:0.85em;
}
/* Footnote Style */
.rfdFootnote, .rfdFootnote0, .rfdFootnote0Char , .rfdPoemFootnote, .rfdPoemFootnoteCenter, .rfdFootnoteCenter, .rfdFootnoteCenterBold , .rfdFootnoteLeft, .rfdFootnoteBold {
	font-size:0.78em;
}
.rfdFootnote .rfdFootnote0, .rfdFootnote0 .rfdFootnote, .rfdFootnote0 .rfdFootnote0, .rfdFootnote .rfdFootnote,
.rfdFootnote0 .rfdFootnoteCenter, .rfdFootnote0 .rfdFootnoteCenterBold , .rfdFootnote0 .rfdFootnoteLeft, .rfdFootnote0 .rfdFootnoteBold {
	font-size:0.95em;
}
.rfdFootnoteEn {
  text-align: left;
  font-size: 0.7em;
  direction: ltr;
  color: #6B7E6D;
  text-indent: 0;
}
/* Quran Style */
.day .rfdAie, .day .rfdFootnoteAie{
	color:green;
	font-weight:bold;
}
.sepia .rfdAie, .sepia .rfdFootnoteAie{
	color:green;
	font-weight:bold;
}
.gray .rfdAie, .gray .rfdFootnoteAie{
	color:green;
	font-weight:bold;
}
.night .rfdAie, .night .rfdFootnoteAie{
	color:green;
	font-weight:bold;
}
.rfdAie {
	font-size:0.95em;
}
p .rfdFootnoteAie {
	font-size:0.75em;
}
p.rfdFootnote0 .rfdFootnoteAie, p.rfdFootnote .rfdFootnoteAie{
	font-size:1em;
}
/* Heading Style */
.day h1, .day .Heading1, .day .Heading1Center, .day .Heading1CenterChar{
	color:#4F3320;
}
.sepia h1, .sepia .Heading1, .sepia .Heading1Center, .sepia .Heading1CenterChar{
	color:#c15913;
}
.gray h1, .gray .Heading1, .gray .Heading1Center, .gray .Heading1CenterChar{
	color:#cf7233;
}
.night h1, .night .Heading1, .night .Heading1Center, .night .Heading1CenterChar{
	color:#da6415;
}
h1, .Heading1, .Heading1Center, .Heading1CenterChar{
	margin-top:0.8em;
	margin-bottom:0.2em;
	padding:0;
	font-size:1em;
	font-weight:bold;
}
.day h2, .day .Heading2, .day .Heading2Center,
.day h3, .day h4, .day h5, .day .Heading3, .day .Heading3Center, .day .Heading4, .day .Heading4Center, .day .Heading5, .day .Heading5Center {
	color:#369;
}
.sepia h2, .sepia .Heading2, .sepia .Heading2Center,
.sepia h3, .sepia h4, .sepia h5, .sepia .Heading3, .sepia .Heading3Center, .sepia .Heading4, .sepia .Heading4Center, .sepia .Heading5, .sepia .Heading5Center
{
	color:#369;
}
.gray h2, .gray .Heading2, .gray .Heading2Center,
.gray h3, .gray h4, .gray h5, .gray .Heading3, .gray .Heading3Center, .gray .Heading4, .gray .Heading4Center, .gray .Heading5, .gray .Heading5Center
 {
	color:#5a8dc0;
}
.night h2, .night .Heading2, .night .Heading2Center,
.night h3, .night h4, .night h5, .night .Heading3, .night .Heading3Center, .night .Heading4, .night .Heading4Center, .night .Heading5, .night .Heading5Center
{
	color:#369;
}
h2, .Heading2, .Heading2Center {
	margin-top:0.8em;
	margin-bottom:0.2em;
	padding:0;
	font-size:0.9em;
	font-weight:bold;
}
h3, h4, h5, .Heading3, .Heading3Center, .Heading4, .Heading4Center, .Heading5,	.Heading5Center {
	margin-top:0.8em;
	margin-bottom:0.2em;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
}
/* Bold Style */
.day .rfdBold1, .day .rfdBold3, .day .rfdBold1Char, .day .rfdCenterBold1, .day .rfdCenterBold1Char{
	color:#369;
}
.sepia .rfdBold1,.sepia .rfdBold3, .sepia .rfdBold1Char, .sepia .rfdCenterBold1, .sepia .rfdCenterBold1Char{
	color:#369;
}
.gray .rfdBold1, .gray .rfdBold1Char, .gray .rfdCenterBold1, .gray .rfdCenterBold1Char{
	color:#5a8dc0;
}
.night .rfdBold1, .night .rfdBold1Char, .night .rfdCenterBold1, .night .rfdCenterBold1Char{
	color:#369;
}
.rfdBold1,.rfdBold3,  .rfdBold1Char, .rfdCenterBold1, .rfdCenterBold1Char{
	margin-top:1.35em;/*12pt*/
	margin-bottom:0.6em;/*3pt*/
	padding:0;
	font-size:1.1em;
	font-weight:bold;
}
.rfdBold3{text-indent: 0 !important;}

/* Poem Style */
.day .rfdPoem, .day .rfdPoemFootnote, .day .rfdPoemFootnoteCenter, .day .rfdPoemCenter {
	color: #493D2C;
}
.sepia .rfdPoem, .sepia .rfdPoemFootnote, .sepia .rfdPoemFootnoteCenter, .sepia .rfdPoemCenter {
	color: #493D2C;
}
.gray .rfdPoem, .gray .rfdPoemFootnote, .gray .rfdPoemFootnoteCenter, .gray .rfdPoemCenter {
	color: #493D2C;
}
.night .rfdPoem, .night .rfdPoemFootnote, .night .rfdPoemFootnoteCenter, .night .rfdPoemCenter {
	color: #493D2C;
}
.rfdPoemTini, .rfdPoemTiniChar{
	display: none;
}
/* Number of Pages Style */
.page_number {
	margin-top: 0.75em;
}
/* Toc Style */
.rfdToc1, .rfdToc2, .rfdToc3, .rfdToc4, .rfdToc5 {
	font-size:0.9em;
	text-indent: 0;
}
/* English content */
.rfdEn {
	direction: ltr;
}
/* Colored Text */
.day .rfdJamed {
	font-weight: bold;
	color: #C00000;
}
.sepia .rfdJamed {
	font-weight: bold;
	color: #C00000;
}
.gray .rfdJamed {
	font-weight: bold;
	color: #C00000;
}
.night .rfdJamed {
	font-weight: bold;
	color: #C00000;
}
.day .rfdMoshtaq {
	color: #C00000;
}
.sepia .rfdMoshtaq {
	color: #C00000;
}
.gray .rfdMoshtaq {
	color: #C00000;
}
.night .rfdMoshtaq {
	color: #C00000;
}
.day .rfdRevaya {
	color: #17365D;
}
.sepia .rfdRevaya {
	color: #17365D;
}
.gray .rfdRevaya {
	color: #17365D;
}
.night .rfdRevaya {
	color: #17365D;
}
.day .rfdSanad{
}
.sepia .rfdSanad{
}
.gray .rfdSanad{
}
.night .rfdSanad{
}
.rfdQuran {
	font-family:Uthmanic;
	font-size: 1.2em;
	text-indent: 0;
}
.rfdQuranCenterBold1 {
	font:bold 1.4em Uthmanic;
	text-indent: 0;
	text-align: center;
}
.rfdQuranCenterBold2 {
	font:bold 1.2em Uthmanic;
	text-indent: 0;
	text-align: center;

}
.marginedPage .page {
	padding-right: 60px;
}

.tblMargent {
	float: right;
	margin-right: -55px;
	margin-top: -5px;
	padding-left: 20px;
	position: absolute;
	width: 50px !important;
}

.rfdMargent {
	text-indent: 0;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.1;
}

.page .pgnum {
  text-align: center;
  padding-top: 0.3em;
}
/*
Pages
*/
.a5 {
	width: 20em;
	min-height: 24em;
	padding: 2.5em 1.5em 2em;
}
.a5 div.pgcontent {
	min-height: 21.5em;
}
.a5 p {
	margin: 0;
}
.a5 p, .a5 h1, .a5 h2, .a5 h3, .a5 h4, .a5 h5 {
	text-indent:1em;
}
small.archive-book {
    font-size: 0.8rem;
    color: #8b8b8b;
}