/* some defaults for HTML tags */

  BODY, DIV,TD,TH,TR,TABLE,FONT,INPUT,OL,LI,UL,FORM,
  BLOCKQUOTE,P {
	  font-family: verdana, helvetica,sans-serif;
	  font-size: 9pt;
  }
  
  BODY { text-align: center; }
  
  P { margin-top: 3px; margin-bottom: 3px; }
  
  TD, DIV { text-align: left; }

  H1 {font-size: 15pt;font-family: verdana, helvetica,sans-serif;color: maroon;}
  H2 {font-size: 13pt;font-family: verdana, helvetica,sans-serif;color: navy;}
  H3 {font-size: 12pt;font-family: verdana, helvetica,sans-serif;}
  H4 {font-size: 11pt;font-family: verdana, helvetica,sans-serif;}
  H5 {font-size: 10pt;font-family: verdana, helvetica,sans-serif;}
  
  A { color : #486591; text-decoration: none;}
  A:link { color : #0066ff; text-decoration: none;}
  A:active { color : #d5ae83; text-decoration: none;}
  A:visited { color : #f16710; text-decoration: none;}
  A:hover { color : #5b80b7; text-decoration: underline;}

  /* Quran Text */

	.AyahArabic {
    font-family:"traditional arabic","Arabic Transparent","simplified arabic";
  	font-weight:normal;
    font-size: 22pt; 
    direction: rtl; 
    unicode-bidi: normal;
		color: #000000;
		text-align: right; 
		border: none; 
		border-top: 1px #ffffff solid;
	}

	.Script {
	  border: none;
		border-bottom: 1px #ffffff solid; 
	}

	.Latin { 
		font-size: 9pt; 
		text-decoration: none;
		text-align: right;
		text-background: #cfcfcf;
		color: black; 
	}

	.Surah { 
		font-size: 9pt;
		text-align: right;
		text-decoration: none; 
		color: black; font-weight: bold;
  }
		
	.Teks {  
		font-size: 9pt; 
		background-color: #ffffee; text-decoration: none;
		color: #0000bb;
  }
  
  .bMaroon { color: #aa0000; } /*!< bolded words/phrases */

	.EvenLang {
		font-family: helvetica, sans-serif; font-size: 9pt; 
		color: black; 
	}

	.OddLang {  
		font-family: helvetica, sans-serif; font-size: 12pt;font-align:right;
		color: green; 
                background-color: #ffffcc;
	}

  /* For the random ayah page */
	.rLatin { 
		font-family: tahoma, helvetica, sans-serif; font-size: 9pt; 
		text-decoration: none;
		color: green;
	}
	.rEvenLang {  
		font-family: tahoma, helvetica, sans-serif; font-size: 9pt; 
		text-decoration: none; 
		color: navy;
	}
	.rOddLang {  
		font-family: tahoma, helvetica, sans-serif; font-size: 9pt; 
		text-decoration: none; 
		color: black;
	}
		
	.Phrase {color: #aa0000;}

  .CenterPanel {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
  }
  
  .qseTitle     { font-size: 22pt;}
  .qseMenubar   { font-weight: bold; border: 0px green solid; background-color: #eeffee;}
  .qseQuerybox  { border: 1px #ffffff solid;}
  .qseMain      { border: 1px #ffffff solid; padding: 5px; } 

  
  /* gadgets */
  .navbar    { }
  .optionbox { border: 1px #8888ff solid; background-color: #eeeeff;}
  .textbox   { border: 1px #0066ff solid; background-color: #fffff1;}
  .button    { border: 1px #fffff1 solid; font-weight: bold; backgound-color: #0066ff}

  .main      { border: 1px #AA0000 solid; padding: 5px; }