

<!-- /* $WEFT -- Created by: Tayyaba  on 11/02/2009 -- */

  @font-face {

    font-family: _PDMS_Saleem_QuranFont;

    font-style:  normal;

    font-weight: normal;

    src: url(http://allahsquran.com/learn/includes/PDMSSAL0.eot);

  }

-->


HTML {
	HEIGHT: 100%
}

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000000; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 0.7em Arial, sans-serif; COLOR: #555555; PADDING-TOP: 0px; HEIGHT: 100%;
	background: #000000 url('../images/bg_main.jpg') no-repeat center;
}

IMG {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}

#holder {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 980px; COLOR: #555555; PADDING-TOP: 0px; POSITION: relative; BACKGROUND-COLOR: #ffffee
}

#background {
	LEFT: 0px; OVERFLOW: hidden; WIDTH: 980px; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #ffffee
}


#tmlinks {
	padding: 26px 0 0 0; z-index:2; POSITION: relative;
}

#Navigation
{
  font-family:Tahoma; font-size:9px; position:absolute; left:540px; top:120px; color : #A09C7F;
}

#Display
{
  position:relative; float:left; left:356px; top:-13px; width:85px;
}

#Display b
{
  font-family:arial; 
  font-size:11px;
  color : #A09C7F;
}

#ttmlinks A {
	MARGIN: 0px 5px; FONT: bold 11px/13px Verdana, Arial, sans-serif; color:#9f9c81; text-decoration:none;
}

#ttmlinks A:hover
{
	text-decoration:none;
}

#frm {
  margin: 0px;
  padding: 0px;
}

#content {
	/*MARGIN: 103px 0px 0px 115px;*/
	MARGIN: 81px auto 6px auto;
	BACKGROUND-COLOR: #fffff7; z-index:1; height:100%; WIDTH: 730px; padding:0px; POSITION: relative; FONT-FAMILY: me_quran,arabeyes_qr_meor,Arabic Typesetting,KacstQurn,ae_AlMohanad, ArabeyesQr, arial;
}

#loadImage {
	POSITION: absolute; top:112px; left:622px; HEIGHT: 20px;
}

#sura_navigation {
    POSITION: absolute; font-family:arial; font-size:11px; top:112px; left:730px; z-index:2; color: #A09C7F; cursor:pointer;
}

/********** Footer **********/

#bottom {
    MARGIN: 0px auto; WIDTH: 980px; COLOR: #ffffff; POSITION: relative; HEIGHT: 122px;
}

#bottombg {
	Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px
}

#bottomlinks {
	POSITION: absolute; Z-INDEX: 2; margin: 66px 0px 0px 162px; 
}

a.bottomlink:link { 
	FONT-FAMILY: Arial, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #dddddd; MARGIN: 0px 13px 0px 7px; DISPLAY: inline; TEXT-DECORATION: none; 
}

a.bottomlink:visited { 
	FONT-FAMILY: Arial, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #dddddd; MARGIN: 0px 13px 0px 7px; DISPLAY: inline; TEXT-DECORATION: none; 
}

a.bottomlink:hover {
	FONT-FAMILY: Arial, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #fbb928; TEXT-DECORATION: none; 
}

#bottomhome {
	Z-INDEX: 200; MARGIN: 58px 0px 0px 14px; POSITION: absolute; text-align: center; 
}

#bottomhome A { 
	FONT-FAMILY: Arial, sans-serif; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fbb928; DISPLAY: inline; TEXT-DECORATION: none; 
}

#bottomhome A:hover {
	COLOR: #fbb928; FONT-SIZE: 11px; TEXT-DECORATION: none; FONT-WEIGHT: normal; 
}

#small {
	Z-INDEX: 100; RIGHT: 0px; LEFT: 285px; POSITION: absolute; TOP: 89px;
}

#small A {
	FLOAT: left; MARGIN: 0px 10px 0px 10px; FONT: 10px Arial, sans-serif; COLOR: #959595; POSITION: relative; TEXT-DECORATION: none; 
}

#small A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none; 
}

/********** End Footer **********/

#TafsirIn
{
  z-index:1;
  top:44px;
  left:0px;
  position:absolute;
}

.TafsirInShadowTop
{
  background: url('../images/slider_shade_top.gif') no-repeat;
  height:2px;
  width:6px;
}

#TafsirInShadowMiddle
{
  background: url('../images/slider_shade.gif') repeat;
  height:100%;
}

.TafsirInShadowBottom
{
  background: url('../images/slider_shade_bottom.gif') no-repeat;
  height:4px;
  width:6px;
}

#TafsirLayer
{
  z-index:3;
  overflow : hidden;
  position : absolute;  
  top:44px;
  left:0px;
}

#TafsirLayer #TafsirHolder
{
  z-index:3;
  width:755px;
  background:#ffffff;
  border-right:solid 2px #e5e4e4;
  border-bottom:solid 2px #e5e4e4;
}

#TafsirHolder div
{
  position  :  relative;
}

#TafsirHolder #TafsirDiv
{
  border : solid 1px #a9a9a9;
  padding : 8px;
}

#TafsirHolder #TafsirDiv #TafsirHeading
{
  background : #333333;
  height : 30px;
  line-height : 30px;
  text-align : right;
  padding-right : 10px;
}

#TafsirHolder #TafsirDiv #TafsirHeading img
{
  margin : 10px 0px 0px 10px;
  float : left;
}

#TafsirHolder #TafsirDiv #TafsirHeading a#hide
{
  font-family : arial, verdana, sans-serif;
  font-size : 10px;
  color  :  #ffffff;
  text-decoration : none;
}

#TafsirHolder #TafsirDiv #TopLinks
{
  padding  :  6px 0px 6px 0px;
  margin-bottom : 20px;
  border-bottom  :  solid 1px #f4f4f4;
  text-align  :  right;
  font-family : arial, verdana, sans-serif;
  font-size : 11px;
  color  :  #acacac;
  line-height  :  15px;
}

#TafsirHolder #TafsirDiv #TopLinks a
{
  font-family : arial, verdana, sans-serif;
  font-size : 11px;
  text-decoration : none;
  color  :  #acacac;
}

#TafsirHolder #TafsirDiv #TopLinks a:hover
{
  font-family : arial, verdana, sans-serif;
  font-size : 11px;
  text-decoration : none;
  color  :  #7c7c7c;
}

#TafsirHolder #TafsirDiv #TafsirContents
{
  z-index:1;
  POSITION: relative;
  height:50px;
  FONT-SIZE: 11px;
  FONT-FAMILY: verdana;
  color:#555555;
  overflow: auto;
  margin-left:50px;
  margin-right:50px;
  margin-bottom: 25px;
  padding-right : 10px;
}

#TafsirHolder #TafsirDiv #Close
{
  z-index: 4;
  position : absolute;
  top : 91px;
  left : 557px;
}

#TafsirHolder #TafsirDiv #TafsirOut
{
	position:absolute;
	top:74px;
	width:21px;
	right:1px;
	z-index:100;
}

.topTitle { 
	font-family: Verdana; font-size: 12px; padding: 10px 0px; margin-top: 7px;
}

.aya {
	font-family: _PDMS_Saleem_QuranFont;  direction: rtl; font-size: 26px;	padding: 0px; 
}

.ayaHighlight {
	font-family: _PDMS_Saleem_QuranFont;  direction: rtl; font-size: 26px;	padding: 0px; background-color:#cdf3f5
}

.hadith {
	font-family: _PDMS_Saleem_QuranFont;  direction: rtl; font-size: 26px;	padding: 0px; 
}
.trans { 
	font-family: Verdana; font-size: 12px; direction: ltr;
}
.titl { 
	font-family: Verdana; font-size: 14px; direction: ltr; cursor:pointer;
}
.titl:hover { 
	background-color:#cccccc
}

/********** ToolTip **********/

.tool-tip {
	Z-INDEX: 13000; WIDTH: 115px; COLOR: #fff;
}

.tool-title {
	padding: 10px 4px 4px 4px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url('../images/popup.gif') left top; MARGIN: 0px; COLOR: #9fd4ff;
}

.tool-text {
	 padding: 0px 8px 18px 18px;
	 FONT-SIZE: 11px; BACKGROUND: url('../images/popup.gif') right bottom no-repeat; margin-TOP: 0px;
     FONT-WEIGHT: bold; COLOR: #cfd7da; FONT-FAMILY: verdana, arial, sans-serif;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 1px 8px 1px;
	background: url('../images/bubble.png') top left;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url('../images/bubble.png') bottom right;
	FONT-WEIGHT: bold; COLOR: #cfd7da; FONT-FAMILY: verdana, arial, sans-serif;
}

/********** Paging **********/

#paging {
	POSITION: absolute; top:112px; width:680px; left:130px; z-index:2; FONT: 11px arial; color: #A09C7F; visibility:hidden; display:none;
}

#navtext { float:left; text-align:left; }

#navpages { float:right; }

a.pageselected{	
	COLOR: #000000;	FONT: 10px Arial; background:url(images/img_highlight_selected.gif) no-repeat; text-decoration:none;
}
a.pageselected:hover { 
	text-decoration:none;
}
a.pagenormal{	
	COLOR: #000000;	FONT: 10px Arial; text-decoration:none;
}
a.pagenormal:hover { 
	text-decoration:none; background:url(images/img_highlight_over.gif) no-repeat;
}