@font-face{
	font-family:"Said1";
	src: url(images/fonts/gess.ttf), url(images/fonts/gess.eot);
}
@font-face{
	font-family:"Said2";
	src: url(images/fonts/HelveticaNeueW23-Reg.ttf), url(images/fonts/HelveticaNeueW23-Reg.eot);
}
@font-face{
	font-family:"Said3";
	src: url(images/fonts/HelveticaNeueW23-Bd.ttf), url(images/fonts/HelveticaNeueW23-Bd.eot);
}
@font-face{
	font-family:"Said4";
	src: url(images/fonts/DroidKufi-Regular.ttf), url(images/fonts/DroidKufi-Regular.eot);
}
@font-face{
	font-family:"Said5";
	src: url(images/fonts/DroidKufi-Bold.ttf), url(images/fonts/DroidKufi-Bold.eot);
}
@font-face{
	font-family:"Said_en1";
	src: url(images/fonts/MyriadPro-Regular.otf);
}
@font-face{
	font-family: "Quran";
	src: url(images/fonts/UthmanicHafs1Ex1Ver12.otf);
}
@font-face{
	font-family: "QuranBold";
	src: url(images/fonts/UthmanicHafs1BEx1Ver12.otf);
}
@font-face{
	font-family: "Said6";
	src: url(images/fonts/MOHAND.TTF);
}
body{
	/*background: #c6d8f2 url(images/main_bg.jpg) repeat-y center center; */
	background: url(images/main_bg.svg) repeat center center;
	background-size: 128px;
}

body,td{font-family:Quran,"Traditional Arabic","Simplified Arabic",Arial,Helvetica,sans-serif;}
input{font-family:Said2;}

LI {height:30px; top:0;}


/* General page style */
a:link, a:visited{color:#18817d;text-decoration:none}

a:hover, a:active{color:#4daba7}

hr{border: 0px solid #ffffff;border-top-width:1px;height:0px}
select, textarea{background:#ffffff;font:1rem Tahoma,Arial,Helvetica,sans-serif}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0 solid}
.div1 {
	background-color: #ECF5FF;
	border: 2px solid #7F9DB9;
	height: 460px;
	overflow: scroll;
}
/* ---------------------- */
.ui-widget-header1 {
	padding: 0.2rem 0.5rem;
	margin: 0;
}
.ui-widget-content1 {
	padding: 1rem;
	margin-bottom: 1rem;
}
.div2 {
	font-family:Tahoma,Aria;
	font-size:12px;
}
.div3,.div31 {
	color:#000000;
	font-style:normal;
}

.div31 {
	color:#FF0000;
}

.cell1 {
	color:#FFFFFF;
	text-align: center;
}

fieldset{
	background-color:#FAFAFA;
	border-radius:10px;
}
legend{
	font-family:Said3;
}
/* ------------------------ */
table.tbl {
	border-collapse:collapse;
	border:2px solid #000;
}
.tbl tr{
	background-color:#FFF;
}
.tbl .alt{
	background:#f8fbff;
}

.tbl th{
	background-color:#18428C;
	color:#FFF;
	text-align:center;
}
.tbl td{
	padding:3px;
	border:2px solid #000;
}
.tbl td>a:link, .tbl td>a:visited{
	color:#666666;
	display:block;
	padding:1rem 0.2rem;
	border:3px transparent solid;
}
.tbl td>a:link, .tbl td>a:visited, .tbl{
	font-size: 2rem;
	line-height: 3rem;
}
.tbl td>a:hover{
	
}
.tbl td>a:active{
	border-bottom-style: inset;
	border:3px #AADDFF inset;
	background-color:#FFFFFF;
}
.tbl tr:hover{
	background:#99CCFF;
	cursor:default;
}
.tbl tr:hover td, .tbl tr:hover td a{
	color:#000000;
}
/* -------------------------- */	
.tablesorter tr:hover td{
	background:#d6e7e7 !important;
}
.tablesorter th {
	text-align: center;}

.tablesorter td a {
	display:block;
}
.tablesorter th, .table th {
	font-family:Said1;
}
.tablesorter td, .table td, .tablesorter input {
	font-family:Said2;
	text-align: center;
	font-weight: normal;
}	
.tableQuran td{
	font-size: 1.2rem;
	line-height: 1.6rem;
}
.tableQuran th {
	font-size: 1rem;
}
/* -------------------------- */
.tableQuranFont th {
	text-align: center;
}
.tableQuranFont td {
	font-family:Quran,"Traditional Arabic","Simplified Arabic",Arial,Helvetica,sans-serif;
	font-size: 2rem;
}
.tableQuranFont a:link, .tableQuranFont a:visited {
	color:#666666;
	display:block;
	padding:3px;
	margin:3px;
}
.tableQuranFont a:hover{
	border:3px #AADDFF solid;
	margin:0px;
	background-color:#FFFFFF;
}

.tableQuranFont a:active {
	border:3px #AADDFF inset;
	margin:0px;
	background-color:#FFFFFF;
}


/* ---------------------------------- */	
.div_result {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 0.5rem;
	margin-bottom: 5rem;
	border: 2px solid #18817d;
	font-family:Quran,"Traditional Arabic","Simplified Arabic",Arial,Helvetica,sans-serif;
	padding: 1rem 1rem 0 1rem;
}
.div_result .div_title {
	padding: 0.5rem;
	text-align: right;
	background-color: #3b9e9b;/*#18428c;*/
	color: #EEE;
	border: 1px solid #3b9e9b;
	border-bottom: 0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.div_result .div_title .title_aya{
	margin-left: 2rem;
}
.div_result .p_content {
	text-align: justify;
	direction: rtl;
	border: 1px solid #18817d;
	border-top-color: #3b9e9b;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-bottom: 2rem;
}
.div_result p a:link, .div_result p a:visited {
	color: #666;
	display:block;
	padding:3px;
	margin:3px;
}
.div_result p a:hover{
	border:3px #18817d solid;
	margin:0px;
	background-color:#FFFFFF;
}

.div_result p a:active {
	border:3px #18817d inset;
	margin:0px;
	background-color:#FFFFFF;
}
.div_result .div_title a:link, .div_result .div_title a:visited {
	color:#FFF;
	text-decoration: underline;
}
.div_result .div_title a:hover {
	border: 0px;
	color: #E6F084;
}
.div_result .div_title a:active {
	border: 0px;
	color: #C4CD65;
}
	
	
/* --------------------------------- */
.divTafseer, .div_result {
	font-size: 2rem;
}
.divTafseer {
	text-align: justify;
	direction: rtl;
}
.divTafseer .aya {
	font-family:Quran,"Traditional Arabic",Said2, "Simplified Arabic",Arial,Helvetica,sans-serif;
	padding-bottom: 1rem;
}
.divTafseer .tabs ul li {
	direction: rtl;
	text-align: right;
	font-size: 1rem;
}

/* ---------------------------------- */
.divTafseer .tafseerContent{
	font-family: "Traditional Arabic","Simplified Arabic",Arial,Helvetica,sans-serif;
}
	
/* ------------------------ */
#div_counter{
	text-align:center;
	direction:ltr;
	background:#EEEEEE;
	color:#306b65;
	padding:5px;
	font-family:"Said2";
	font-size:1.5rem;
}
#div_counter span{
	border: #306b65 solid 1px;
	color:#0e605e;
	padding: 0.2rem;
	border-radius: 0.3rem;
}
	/* ------------------------------- */
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.div_result, .divTafseer {font-size: 1.2rem;}
	.tableQuranFont td{font-size: 1.2rem;}
	.tableQuranFont th {font-size: 1rem;}
	.tbl td>a:link, .tbl td>a:visited, .tbl { font-size: 1.3rem; line-height: 2.6rem;}
	.tbl th{font-size: 1rem;}
	.div_bigScreen {display: none;}
	.div_smallScreen {display: block;}
	.fancybox-content{padding: 2.5rem 0.5rem 1rem!important;}
	.divTafseer .tafseerContent {padding-right: 0.5rem; padding-left: 0.5rem;}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
	.div_result, .divTafseer {font-size: 1.3rem;}
	.div_bigScreen {display: none;}
	.div_smallScreen {display: block;}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	.div_result, .divTafseer {font-size: 1.5rem;}
	.div_bigScreen {display: none;}
	.div_smallScreen {display: block;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {  
	.div_bigScreen {display: block;}
	.div_smallScreen {display: none;}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  
	.div_bigScreen {display: block;}
	.div_smallScreen {display: none;}
	#div_container, .divTafseer {max-width: 90%;}
}