td.AudioTableHeader_B {color: #008000; font-weight: bold; border-style: trensparent; border-width: 1px; 
               background-color: #9DD857; text-align:center; direction:rtl}
td.AudioTableHeader_B1 {color: #008000; font-weight: bold; border-style: trensparent; border-width: 1px; 
               background-color: #9DD857; text-align:right; direction:rtl}

td.AudioTableTitle_B {color: #008001; font-weight: bold; border-style: solid; border-width: 1px; color:#fff;
               background-image:url('../themes/lightblue/images/BG_Body.jpg'); text-align:center; direction:rtl}

.someclassContainer { width: 160px; float: left; margin:0 10px; height:160px; }
.someclass { background: #77BB33; border: 5px solid #008000; padding: 22px; height:80px }
a.topics {
    font-weight:bold;
    color:#006600;
    text-decoration:none; font-size:12pt; background-color:#33CC33 
}

a:hover.topics {
	 color:#FFFF00; font-family:serif; font-size:14pt; font-weight:bold 
  }

/*------------SUB TOPICS------------------*/
td.subTopicsTitle_Header {color: #008000; font-weight: bold; border-style: solid; border-width: 1px; 
               text-align:center; vertical-align:middle; font-size:14pt; background-image:url('../themes/lightblue/images/menubgover.gif')}
               
td.subTopicsTitle_Rows {color: #008000; font-weight: bold; border-style: solid; border-width: 1px; 
               background-color: #FFFFFF; text-align:center; direction:rtl}


a.subtopics {
    font-weight:bold;
    color:#006600;
    text-decoration:none; font-size:12pt;  
}

a:hover.subtopics {
	 color:#000080; font-family:serif; font-size:14pt; font-weight:bold 
  }

 



TD.MP3Records {
    border:1px solid #FFFFFF;
    text-indent:10px;
    font-size: 16px;
    font-weight:bold;
    text-decoration : none;
    font-family : Simplified Arabic;
    background : #9DD857 ;
    color : #008000; text-align:center
   
}
TD.Title {
    border:1px solid #FFFFFF;
    text-indent:10px;
    font-size: 16px;
    font-weight:bold;
    text-decoration : none;
    font-family : Simplified Arabic;
    background : #C0E38F ;
    color : #008000; text-align:right
   
}
/*
*this part of CSS is for PopUp Dialog
*
*/

 .POP_MediaNotAvailable {
        border: solid 1px #333;
        font-family: Tahoma;
        font-size: 12px;
        display: none;
        position: absolute;
        width: 300px;
        z-index: 60;
      }

      .POP_MediaNotAvailabletitle {
        background:url('../themes/lightblue/images/BG_3D_Blue.png');
        color: white;
        font-weight: bold;
        height: 15px;
        padding: 5px;
      }
      
      .POP_MediaNotAvailablebody {
        background: #fff;
        padding: 5px;
        text-align: center;
		font-weight: bold;
      }

      #POP_MediaNotAvailable { top: 300px; left: 450px; }
	  /*
	  #popup2 { top: 200px; left: 450px; }
	  .popup2 {
		
        border: solid 1px #333;
        font-family: Tahoma;
        font-size: 12px;
        display: none;
        position: absolute;
        width: 460px;		
        z-index: 60;
      }

      .popup2title {
        background:url('../themes/lightblue/images/grey_3D.png');
        color: white;
        font-weight: bold;
        height: 25px;
       padding: 5px;
      }
      
      .popup2body {
		background:url('../themes/lightblue/images/ramadankareemmoon3.jpg');   
		#background:#grey;
        text-align: right;
		color: green;		
		font-weight: bold;
      }
	  /*
	  * style for page screener on audio part
	  */
.digitsBox
{
width:100%;
text-align: center;
margin:5px;
}
.digits
{
width:16px;
padding:0px;
border:2px solid  #C0E38F;
margin:2px;
text-align: center;
float: left;
}
.digits:hover
{
width:16px;
padding:0px;
border:2px solid red;
margin:2px;
background :  #FFBE7A ;
text-align: center;
float: left;
}
.currentIndex
{
width:16px;
padding:0px;
border:2px solid  #FFBE7A;
margin:2px;
text-align: center;
float: left;
background : #C0E38F ;
}

a.digit:hover {
font-size: 13px;
text-decoration:none;
color: red;
border:0em;
}
a.digit:link, a.digit:visited {
 font-size: 10px;
text-decoration:none;
color:#green;
border:0em;
}

.currentIndex a:link, .currentIndex a:visited {
 font-size: 10px;
text-decoration:none;
color:#000000;
border:0em;
}

.linksOde {}
.linksOde a:link, .linksOde a:visited {
	font-weight:bold;
    color:#3A7C11;
    text-decoration:none; font-size:11pt;  
}
.linksOde a:hover {
font-weight:bold;
    color:#000070;
    text-decoration:none; font-size:13pt;  
}
.linksEv {}
.linksEv a:link, .linksOde a:visited {
	font-weight:bold;
    color:#3A7C11;
    text-decoration:none; font-size:11pt;  
}
.linksEv a:hover {
font-weight:bold;
    color:#000070;
    text-decoration:none; font-size:13pt;  
}