body
{

	margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
        background-color: #fff;
  }

.tableRollOverEffect1{ background-color:#fafafa; }

.tableRowClickEffect1{ background-color:#eeede1; }
	
.barmid {
 background:url(bar_mid.gif) repeat-x top;
 height:5px;
 border:none; margin:0px;
}			
.barl {
 float: left;
 background:url(bar_l.gif) no-repeat;
 height: 5px; 
 width: 2px;
}
.barr {
 float: right;
 background:url(bar_r.gif) no-repeat;
 height: 5px; 
 width: 2px;
}


#redundanttextsize-switcher {
	background-color: #fff;
	border: 1px solid;
	border-color: #E4E9D8 #99A189 #99A189 #E4E9D8;
	
	padding: 6px;

	width: 180px;
}

#textsize-switcher {
/*	border-top: 1px solid #e3e3e3;
	background:url(/quran-viewer/nav/8/index-header.gif) repeat-x bottom; */
	width:16em;position:relative;
}

#font-switcher {
/*	border-top: 1px solid #e3e3e3; 
	margin-top:1em;*/
		width:16em;position:relative;
}

#colour-switcher {
/*	border-top: 1px solid #e3e3e3; 
	width:14em;
	background: #fafafa; */
		width:16em;position:relative;
} 

#launchqe { float:left; margin-left:-28px; margin-top:5px;position:relative;}
.over { background-color:#fafafa; } 
.out { background-color: #fff; } 
.clicked { background-color:#fafafa; } 
.push { background-color: #ccc; } 
	
	
.arent { height:1px; background:url(/quran-viewer/nav/8/hr.gif) no-repeat center;width:600px; margin:0px auto; }	/* 5px width:55%;border:1px solid #FCFFFF;background:#f1f1f1; */

.arenb { height:2px; border:1px solid #f1f1f1;background:#fcffff; margin: 0px; } /*  border:1px solid #f1f1f1;background:#FCFFFF; */

.ayahnum { margin-left:-46px; margin-top:5px;position:relative;border:1px solid #f1f6f9;background:#fafafa;float:left;padding:4px 4px 4px 4px; font-family: verdana, arial, sans-serif;font-size: 11px;color: #a1a2a8; }	

.surahbrowseinc {margin: 28px; } 
.surahbrowsecenter {width:46%; margin:0 auto; }

.textya {  padding-top:5px;
             padding-bottom: 12px;

 /* padding-top:5px;
             padding-bottom: 12px;   margin tb 28px */ }
						 
.arabicayah {  padding-top:12px;  
						 padding-bottom:5px;

            /* padding-top:12px;  margin tb 28px 
						 padding-bottom:5px;*/ }	
tt {color: #a1a2a8;}
td  {   text-align:left;
        font-size: 16px;
        font-family: Palatino Linotype, Tahoma, Garamond, Times New Roman, cursive;
        color: #707175;
				
     }
		 
#tip  { 
        font-family: verdana, arial, sans-serif;
				font-size: 11px;  
        color: #a1a2a8;
	      text-align:right;
				margin-top:1em;
				float:right;
     }
		 
h1  {   font-size: 1.3em;
        font-family: Palatino Linotype, Garamond, Times New Roman, cursive;
        color: #990000;
     }
#banner h1 {line-height:normal;}
#surahtitle h1 { line-height:normal;margin:0;display:block; }	
#surahtitletxt h2 { line-height:normal;margin:0;display:block; }		 
#surahinfo  { 
        font-family: verdana, arial, sans-serif;
				font-size: 11px;  
        color: #a1a2a8;
				margin-left: 12px;
				margin-top:19px;
				position:relative;
				z-index:10;
     }
#bismillah {
        color: #990000;
				background:#fafafa;
				border-bottom:1px solid #e3e3e3;
				padding: 7px 0px 7px 0px;
				margin-top:-37px;
				width: auto;
				margin-bottom:19px;
				position:relative;
				z-index:1;
				width:100%;

}		 
		 
	#header {
		margin:0 0 10px 0; padding:0;
    width: 100%;
    height: 118px;
    background-color: #efefef;
    background: url(/index-header.gif);
    text-align: left;
		position:relative;
		}
.header-right { float: right; margin-right: 73px;}
.headtxt {
  font-family: tahoma, verdana, times;
	font-size: 46px;
	color: #d5d5d5;
	margin:0;
	position:absolute;
	bottom: 11px;
	left: 14px;
} 

#container  {
	width:91%;
	margin:10px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:0px;
	border:1px solid #fff;
	background-color:#fff;
	
	        }

					
					
#content {     
	                padding-left:10px;
	                padding-right:10px;
		background-color:#fff;	
                }
								

								


.title    {
                        border-top: 1px dashed #660033;
                        margin-top: 5px;
                }
.block {	        height: 175px;
                  margin-top:15px;
	                margin-left:10px;
	                margin-right:10px;
	                border: 1px solid #000000;
                  background-image: url(/nav/1/skinbg.jpg);
                }
.blockheader {	        padding-top:15px;
	                width: 100%;
	                border:1px dashed #000000;
                        background-image: url(/nav/1/skinbg.jpg);
                        font-size: 1.1em;
                        font-family: Garamond, Times New Roman, cursive;
                }
             

.skinshot  {	        margin: 15px 20px 10px 5px;
                        float: left;
                        padding: 2px;
	                border:1px dashed #000000;
                        background-image: url(/nav/1/skinbg.jpg);
                }

.info  {	        margin-top: 15px;
                        font-size: 0.85em;
                        padding: 2px;
	                border:1px dashed #000000;
                        background-image: url(/nav/1/infobg.gif);
                }

.desc  {	        
                        font-size: 0.95em;
                        padding: 8px;
                }
/*
A:link		                    {color:#333300;text-decoration:none;}
A:hover	        {background: #FFFFCC;color:#000000;text-decoration:none;}
A:active	                    {color:#333300;text-decoration:none;}
A:visited	                    {color:#333300;text-decoration:none;} */

#surahtitletxt h2 a {
  font-family: palatino linotype, verdana, times;
	font-size: 14px; 
	color: #336699;
}

#surahtitletxt h2 a:hover {
  font-family: palatino linotype, verdana, times;
	font-size: 14px;
	color: #336699;
	background-color: #f1f1fb;
}

a {
/*  font-family: palatino linotype, verdana, times;
	font-size: 14px; */
	color: #336699;
}

a:hover {
/*  font-family: palatino linotype, verdana, times;
	font-size: 14px;
	color: #336699; */
	background-color: #f1f1fb;
}

.tsbox {
  width: 100%;
	background-color: #fff;
	text-align: left;
	border: 7px solid #640909;	
}

.s2q {
  font-family: tahoma, verdana, times;
	font-size: 28px;
	color: #f29a0e;
 
}
.lmore {
  font-family: tahoma, verdana, times;
	font-size: 28px;
	color: #336699;
}

#pageholder {
	width: 100%;
	height: auto;

	overflow: auto;
	margin: 0 auto;
}

#mousemove, #drag {
	width: 500px;
	height: 300px;
	border: 1px solid #000;
	overflow: auto;
	margin: 0 auto;
}
 
#drag { 
	cursor: url(http://demos.mootools.net/demos/Scroller/openhand.cur), move;
}
 
.inside {
	width: 2000px;
	height: 1000px;
}
 
.move {
	background: #eee url(http://demos.mootools.net/demos/Scroller/pattern1.gif);
}
 
.drag {
	background: #333 url(http://demos.mootools.net/demos/Scroller/pattern2.gif);
}

	#footer {
	  background:url(/quran-viewer/nav/8/footerbg.jpg) repeat-x bottom;
		border-top:2px solid #f1f1f1;
		padding:7px 0 8px 0;
		margin:12px 0 0 0;
		}

p { 
 font-size: 12px;
 color: #5A6371;
 line-height: 1.3em;	
 font-family: Verdana, Arial, Helvetica, sans-serif; /* jnd added */
}