body{ FONT-FAMILY:  'GE SS'; font-size:70%;
text-align:center;
	direction:rtl;
}

INPUT {
      FONT-SIZE: 12pt;
	  font-family:'GE SS';
      BACKGROUND:#fff; 
	  COLOR:#af1000;
	  border:1px #533808 solid;
	  border-radius:5px;


}
TEXTAREA {
       
        FONT-SIZE: 13pt; FONT-FAMILY:  'GE SS';   BACKGROUND:#f9ecd7; COLOR:#af1000;
}
FORM {
       BACKGROUND:none; COLOR:#af1000; FONT-SIZE: 15px; FONT-FAMILY: Arial,Helvetica BACKGROUND:none; COLOR:#af1000;
}

a:link, a:active, a:visited {
        FONT-SIZE: 14pt;COLOR: #af1000; FONT-FAMILY: 'GE SS'; TEXT-DECORATION: none;
}
A:hover {
        FONT-SIZE: 14pt; COLOR: #669900; FONT-FAMILY:  'GE SS';
}

.fontblock   {
 color: #9c771f; font-size: 13pt; font-family: 'GE SS';
 }
 .fontblock2   {
 color: #492c07; font-size: 13pt;
 }
.fonttitleblock {
 color: #492c07; font-size: 14pt; font-weight: bold; font-family: 'GE SS';
 }
a:link.blocklink {
        background-position: 0% 0%; FONT-SIZE: 12pt; COLOR: #336600; FONT-FAMILY:  'GE SS'; TEXT-DECORATION: none; padding-left:4px; padding-right:4px; padding-top:0px; padding-bottom:0px; background-image:url('none'); background-repeat:repeat; background-attachment:scroll;
}

a:active.blocklink {
        background-position: 0% 0%; FONT-SIZE: 12pt; COLOR: #336600; FONT-FAMILY:  'GE SS'; TEXT-DECORATION: none; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-image:url('none'); background-repeat:repeat; background-attachment:scroll;
        }
a:visited.blocklink {
        background-position: 0% 0%; FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY:  'GE SS'; Helvetica; TEXT-DECORATION: none; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; background-image:url('none'); background-repeat:repeat; background-attachment:scroll;
}
a:hover.blocklink {
        FONT-SIZE: 12pt; BACKGROUND:none; COLOR: #669900; FONT-FAMILY:  'GE SS'; TEXT-DECORATION: none;
}
.fonttable {
 color: #f07918; font-size: 12pt; font-family: 'GE SS';
 }
.fonttable2  {
 color: #7d861a;font-size: 12pt; font-family: 'GE SS';
 }
.fonttitletable {
 color: #5b2e09; font-size: 14pt; font-weight:bold; font-family: 'GE SS';
 }
 .fonttitletable1
{
  color: #000000; font-size: 15pt; font-family: 'GE SS';
  }

a:link.linktable, a:active.linktable, a:visited.linktable  {
     FONT-SIZE: 15pt; BACKGROUND:none; COLOR: #6c3b06; FONT-FAMILY:  'GE SS';
}
a:hover.linktable {
  color: #669900; font-size: 15pt; font-family: 'GE SS';
}
.fontnews
{
color: #61605b; font-size: 12pt; font-family: 'GE SS';
}
a:link.linknews, a:active.linknews, a:visited.linknews {
  color: #5f3f0d; font-size: 13pt; font-family: 'GE SS';
}
a:hover.linknews {
  color: #767f57; font-size: 13pt; font-family: 'GE SS';
}
.dcitb {
        FONT: 8pt 'GE SS'; COLOR: #000000; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #ffffff
}
#menu UL {
        PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 165px; PADDING-TOP: 0px; BORDER-BOTTOM: #d8cd8d 0px solid; LIST-STYLE-TYPE: none
}

#menu UL LI {
        DIRECTION: rtl; POSITION: relative;
}
#menu LI UL {
        DISPLAY: block; left: -165px; POSITION: absolute; TOP: 0px ; BACKGROUND-COLOR:  rgb(111, 72, 3);
		border-radius:5px;
}
#menu LI:hover UL {
        DISPLAY: block;

      
}


 HTML #menu UL LI {
        HEIGHT: 0%
}
 HTML #menu UL LI A {
        HEIGHT: 0%
}
#menu UL {
        MARGIN: 0px
}
LI {
        MARGIN: 0px
}
#menu ul a {
        padding-right : 0;   
        height:25px; 
        border : 1px solid #533808;
        display : block;
        padding: 0px; 
        background : #e5dbb7; 
		color : #000000;
		text-decoration : none; 
		text-align : right;
		margin-top:5px;
		border-radius:5px;

}

#menu> ul>a {
		transition:all 0.6s;
		-moz-transition:all 0.6s;
		-ms-transition:all 0.6s;
		-o-transition:all 0.6s;
		-webkit-transition:all 0.6s;
}

#menu ul li a:hover {
        BACKGROUND: #e6cc77 ; 
		COLOR:#000;
		padding-right:0px;
		transition:all 0.6s;
		-moz-transition:all 0.6s;
		-ms-transition:all 0.6s;
		-o-transition:all 0.6s;
		-webkit-transition:all 0.6s;
}
#menu> ul> li> a:hover {
   
		transition:all 0.6s;
		-moz-transition:all 0.6s;
		-ms-transition:all 0.6s;
		-o-transition:all 0.6s;
		-webkit-transition:all 0.6s;
}

transform:rotate(45deg);
#menu LI UL A {
        padding-right : 0; 
background-position : 0% 0%;
 border-top : 1px solid #000; padding :5px; background-attachment : #e5dbb7 url(images/lis1t2.gif); border-bottom-width : 0; 
 padding-bottom : 1px; color : #666633; padding-top : 1px; background-repeat : repeat; background-color : #FAFAF6; 
text-decoration : none; text-align : right;  transform: rotateY(70deg);
}
#menu LI UL A:hover {
        BACKGROUND: #e6cc77 url(images/lis1t2.gif); COLOR: #000000;
}



.toc{
  padding-top:15px;

}
.glidecontenttoggler a:hover{
color: #000000;
paddingtop:-15px;
}

.quran {
     font-size:15pt;
      background: #fcc814 url( http://www.sabelelsalf.com/old/template/7oroof/images/10-1.gif);

}
.quran2 {
     font-size:15pt;
      background: #fcc814 url( http://www.sabelelsalf.com/old/template/7oroof/images/10-1.gif);

}


.lectures {
     font-size:15pt;
      background: #fcc814 url(http://sabelelsalf.com/old/images/lectures.gif);
}

.lectures3{
     font-size:15pt;
      background: #fcc814 url( http://sabelelsalf.com/old/images/lectures.gif);
}



.ftwa {
     font-size:15pt;
      background: #fcc814 url( http://www.sabelelsalf.com/old/template/7oroof/images/10-1.gif);
}


.more{
  
      font-size:15pt;
      background:  url( http://www.sabelelsalf.com/old/n/1.png) no-repeat;
      color:#000000;
      padding-left : 10;
      padding-top : 7;
      height:35;
      padding-right:4px;
}

.login {
    background:  url( http://www.sabelelsalf.com/old/n/1.png) no-repeat;
    color:#gfdhhd;
    height:35;
    width:80;
}


.drooss{
background:none;
border: 1px dashed #9a7b32 ;
margin-top:10px;
border-radius: 15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
badding-top:10px;
}

.drooss:hover{
   background:#fff5e1;
   text-shadow: 0 1px 1px #000000; 
border: 1px dashed #9a7b32 ;
badding-top:10px;
margin-top:10px;
border-radius: 15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;

}

.m1{
background:none;
border: 1px dashed #9a7b32 ;
border-radius: 15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
badding-top:10px;
}


.m1:hover{
background:#fff5e1;
text-shadow: 0 1px 1px #00000; 
border: 1px dashed #9a7b32 ;
border-radius: 15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;

}


.AutoNumber1{
background:#none;
border: 1px dashed #9a7b32 ;
border-radius: 15px;
padding:10px 10px 0 0;
-moz-border-radius:10px;
-webkit-border-radius:10px;
 opacity:1.0;
text-shadow:0 1px 1px #000000;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
}

.AutoNumber1:hover{
background:#fff5e1;
text-shadow:0 1px 1px #000000;
border:1px dashed #9a7b32 ;
border-radius: 15px;
padding:10px 10px 0 0;
-moz-border-radius:10px;
-webkit-border-radius:10px;
    opacity:1.5;
}