body {
  background-color: #F1F6FD;
   color: #336600;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  /* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
/*   SCROLLBAR-BASE-color:  #BDE25E;
  SCROLLBAR-ARROW-color: #336600;
 */
 SCROLLBAR-BASE-color:  #94A3E8;
  SCROLLBAR-ARROW-color: #F3F6FD;
}

hr {
  height: 1px; 
  color: #336600;
  background-color: #ffffff;
}

ul, li, p, td {
  color: #2644B2;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.qurantxt{
  color: #2644B2;
 direction:rtl;
 text-align:center;
}

.scrollerstyle{
font-family:webdings;background:#ECE9D8; FONT-SIZE: 12px; border:1px solid #000000;cursor:hand;
}

.scrollerimg{
WIDTH:120px; HEIGHT:90px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}

.maintable {
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 border-color:"#bbc7f3";
 border-width:1px;
 border-style:solid;
 WIDTH: 570px;
}

.hadeeth {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: .92em;
  line-height:28px;
}

.tafseer {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: .92em;
  color:Black;
  line-height:28px;
}

.tafseerheader {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#2644B2;
}

.tafseerheader2 {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
}

.tafseermnu {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color:#2644B2;
  line-height:10px;
}

.hamesh {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: .75em;
  line-height:26px;
  color:Gray;
}

.tablehead {
  background-color: #e8e8e8;
  color: #336600;
}

.tablebottom {
  background-color: #336600;
}

.bordercolor {
  background-color: #BEDE55;
}

.tablebgcolor {
  background-color: #ffffff;
}

.navbar {
  background-color: #BDE25E;
  color: #336600;
}

.row1 {
  background-color: #EEF8D3;
  color: #336600;
}

.row2 {
  background-color: #FBFFEC;
  color: #336600;
}

.head1 {
  background-color: #BFE35B;
  color: #336600;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.head1:hover {
  background-color: #336600;
  color: #fcdc43;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.head2 {
  background-color: #336600;
  color: #ffffff;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.clickstream 
{
	text-align:right;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  MARGIN-TOP: 15px; 
  MARGIN-BOTTOM: 15px; 
  MARGIN-RIGHT: 15px;
  color: #2644B2;
}

.clickstream2
{
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  MARGIN-TOP: 15px; 
  MARGIN-BOTTOM: 15px; 
  MARGIN-RIGHT: 15px;
  color: #2644B2;
}

.smalltext {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
}

.marktext {
  color: #FF0000;
  background-color: #ffffff;
}

.new {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #FF0000;
}

a:link,a:active,a:visited,a.postlink
{
	color:#2644B2;
	text-decoration:none
}

a:hover {
  color: #FF4400;
}

mma:link,mma:active,mma:visited,mma.postlink
{
	color:#ffffff;
	text-decoration:none
}

mma:hover {
  color: #E87F46;
}

rma:link,rma:active,rma:visited,rma.postlink
{
	color:#604B0C;
	text-decoration:none
}

rma:hover {
  color: #0000ff;
}

form {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

.logininput {
  background-color: #ffffff;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0D9006;
  font-size: 11px;
  width: 130px;
}

.searchinput {
  background-color: #FFFFFF;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  WIDTH: 130px;
}

.textarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #008000;
  font-size: 11px;
  width: 230px;
}

.input {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 230px;
}

.select {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #108D01;
  font-size: 11px;
}

.setperpageselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #108D01;
  font-size: 11px;
}

.categoryselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #108D01;
  font-size: 11px;
}

.dropdownmarker {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background-color: #F6FFD8;
  color: #108D01;
  font-size: 11px;
}

.button {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-color: #BEDE55;
  color: #108D01;
  font-size: 11px;
  font-weight: bold;
}

.td {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  color: #5A76E3;
  border-color:#5A76E3;
  border-width:1px;
  border-style:solid;
  font-size: 8.5pt;
  text-align:center;
}

.tdalt1 {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  color: #5A76E3;
  border-color:#5A76E3;
  border-width:1px;
  border-style:solid;
  font-size: 9.0pt;
  font-weight:bold;
  text-align:center;
}

.tdalt2 {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-color: transparent;
  color: #5A76E3;
  border-color:#5A76E3;
  border-width:1px;
  border-style:solid;
  font-size: 9.0pt;
  font-weight:bold;
  text-align:center;
}

.tdheader {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-image:url('g.gif');
  color: #ffffff;
 /* border-color:#5A76E3;
  border-width:1px;
  border-style:solid;*/
  font-size: 8pt;
  font-weight:bold;
  text-align:center;
height: 28px;
margin-top:0px;
padding-top: 0px;
 vertical-align:middle;
 border-left-color:#2458DA;
 border-left-style:solid;
 border-left-width:1px;
 border-right-color:#2458DA;
 border-right-style:solid;
 border-right-width:1px;

}

.rightheaderbg {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-image:url('main.gif');
  color: #2644B2;
 /* border-color:#5A76E3;
  border-width:1px;
  border-style:solid;*/
  font-size: 8pt;
  font-weight:bold;
  text-align:center;
height: 42px;
margin-top:0px;
padding-top: 0px;
 vertical-align:middle;

}

.rightheader {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  color: #ffffff;
/* 
color: #2644B2;
  border-color:#5A76E3;
  border-width:1px;
  border-style:solid;*/
  font-weight:bold;
  font-size: 8pt;
  text-align:center;
 vertical-align:middle;

}

.menu 
{
	margin-right: 15px; 
	margin-top: 5px; 
	margin-bottom: 5px;
	text-decoration: none;
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  direction:rtl;
  font-size: 12px;


}
.quran_navbar {
	width:100%;
	text-align:center;
	background-color:#c5d6fc;
	border-Color:#c5d6fc;
	border:1px outset #c5d6fc;
	border-style:inset|outset;
}
.smallheader {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-image:url('g.gif');
  color: #ffffff;
 /* border-color:#5A76E3;
  border-width:1px;
  border-style:solid;*/
  font-size: 8pt;
  font-weight:bold;
  text-align:center;
height: 28px;
margin-top:0px;
padding-top: 0px;
 vertical-align:middle;
 border-left-color:#2458DA;
 border-left-style:solid;
 border-left-width:1px;
 border-right-color:#2458DA;
 border-right-style:solid;
 border-right-width:1px;
 
}
.smallcontent 
{
  color: #5A76E3;
	font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
	direction:rtl;
	text-align:right;
	height: 26px;
	margin-top:0px;
	padding-top: 0px;
	padding-right:10px;
	vertical-align:middle;
 border-left-color:#2458DA;
 border-left-style:solid;
 border-left-width:1px;
 border-right-color:#2458DA;
 border-right-style:solid;
 border-right-width:1px;
}

.smallcontentnob 
{
  color: #5A76E3;
	font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
	direction:rtl;
	text-align:right;
	height: 16px;
	margin-top:0px;
	padding-top: 0px;
	padding-right:10px;
	vertical-align:middle;
}

.smallcontentgap 
{
  color: #ffffff;
	font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
	FONT-SIZE: 5px;
	direction:rtl;
	text-align:right;
	height: 6px;
	margin-top:0px;
	padding-top: 0px;
	padding-right:10px;
	vertical-align:middle;
 border-left-color:#2458DA;
 border-left-style:solid;
 border-left-width:1px;
 border-right-color:#2458DA;
 border-right-style:solid;
 border-right-width:1px;
}
.smallcontentlast
{
  color: #ffffff;
	font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
	direction:rtl;
	text-align:right;
	height: 26px;
	margin-top:0px;
	padding-top: 0px;
	padding-right:10px;
	vertical-align:middle;
 border-left-color:#2458DA;
 border-left-style:solid;
 border-left-width:1px;
 border-right-color:#2458DA;
 border-right-style:solid;
 border-right-width:1px;
 border-bottom-color:#2458DA;
 border-bottom-style:solid;
 border-bottom-width:1px;
}

/*--Categories------------------------------------------------*/
.catbgcolor {
  background-color: #FBFFF2;
}

.maincat {
  font-family: MS Sans Serif;
  font-size: 10px;
  font-weight: normal;
}

.subcat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
}

/*--Images----------------------------------------------------*/
.imagerow1 {
  background-color: #F3F6FD;
  color: #336600;
}

.imagerow2 {
  background-color: #F3F6FD;
  color: #336600;
}

/*--Comments--------------------------------------------------*/
.commentrow1 {
  background-color: #EEF8D3;
  color: #336600;
}

.commentrow2 {
  background-color: #FBFFEC;
  color: #336600;
}

.commentspacerrow {
  background-color: #BFE35B;
  color: #336600;
}

.commenttextarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #008000;
  font-size: 11px;
  width: 270px;
}

.commentinput {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 11px;
  width: 270px;
}

.panel
{
	direction:rtl;
	background: #E4E7F5;
	color: #000000;
	padding: 10px;
	border: 2px outset;
	text-align:center;
	width: 400px;
	position:absolute;
    top: 50%;
    left: 40%;
    margin-top: -50px;
    margin-left: -200px;
    white-space:nowrap;
	
}
.smallfont
{
	font: 8pt Tahoma;
}
.mediumfont
{
	font: 10pt Tahoma;
}
a.blinkytext:link {
     font-family: Tahomaæ Arial, Helvetica;
     font-size: 12pt;
     text-decoration: blink;
     font-style: normal;
 }
a.blinkytext:visited {
     font-family: Tahomaæ Arial, Helvetica;
     font-size: 12pt;
     text-decoration: blink;
     font-style: normal;
 }
a.blinkytext:active  {
     font-family: Tahomaæ Arial, Helvetica;
     font-size: 12pt;
     text-decoration: blink;
     font-style: normal;
 }
 a.blinkytext:hover {color: red; text-decoration: none; }