html
{
    height: 100%;
    direction: rtl;
}
body
{
    height: 100%;
    direction: rtl;
    margin: 0px;
    font: 11px Tahoma;
    background-color: #F2F6F8;
}
a
{
    color: Navy;
    text-decoration: none;
}
a:hover{
    color: red;
    text-decoration: underline;
}
img
{
    border-width: 0px;
}
h1
{
    padding: 0px;
    margin: 0px;
    font: 30px Traditional Arabic;
}
hr
{
    color: #d4e6fc;
}
input, textarea, select
{
    font: 13px Tahoma;
}
label
{
    cursor: pointer;
    font: 11px Tahoma;
    color: Silver;
}
.button, .checkbox
{
    cursor: pointer;
}
fieldset
{
    font: 12px Tahoma;
    border: 1px solid #4670BA;
    margin: 0px;
    padding: 6px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
fieldset legend
{
    border: 1px solid black;
    background-color: #4670BA;
    color: #FFFFFF;
    font: 13px Tahoma;
    padding: 1px 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: -3px 3px 4px silver;
    -moz-box-shadow: -3px 3px 4px silver;
    -webkit-box-shadow: -3px 3px 4px silver;
}
.maintable
{
    margin: auto;
    width: 800px;
    border: 1px solid black;
    background-color: #E0EBEF;
}
.header
{
    background-color: #019934;
    width: 100%;
    height: 55px;
}
.language
{
    text-align: left;
    font: 11px Tahoma;
    padding: 3px 5px 3px 5px;
    color: maroon;
}
.menu
{
	background-color:#FDFDFD;
	overflow: hidden;
    height:31px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #E6E6E6;
    box-shadow: 0px 3px 4px silver;
    -moz-box-shadow: 0px 3px 4px silver;
    -webkit-box-shadow: 0px 3px 4px silver;
}
.menu li
{
    background:transparent no-repeat right top;
    font: 12px Tahoma;
    display:inline;
    list-style:none;
    padding: 0px;
    margin: 0px;
}
.menu li a
{
    background-image: url("/content/images/menu.gif");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right top;
    display:block;
    color:#382E1F;
    height:31px;
    line-height:31px;
    padding: 0 15px;
    margin-right:-10px;
    text-decoration:none;
    font-size:11px;
    float:right;
    z-index:1;
}
.menu li a:hover
{
	background-position:right -31px;
}
.menu li a.home {
	background-position:right -93px;
	width:45px;
	padding:0;
	margin-right:0;
	text-indent:-999em;
}
.menu li a.home:hover {
	background-position:right -124px;
}
.menu li a.lastmenu:hover
{
	background-position: right 0;
}
.menu li a.current
{
    background-position: right -62px;
    color: black;
}
.menu2out
{
    direction: ltr;
}
.menu2
{
    font: 12px Tahoma;
    display: none;
    direction: rtl;
    position: absolute;
	background-color: #FDFDFD;
    margin: 0px;
    padding: 0px;
    width: 170px;
    border-right: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    z-index: 3;
    box-shadow: 3px 3px 4px silver;
    -moz-box-shadow: 3px 3px 4px silver;
    -webkit-box-shadow: 3px 3px 4px silver;
}
.menu2 li
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #E6E6E6;
}
.menu2 li a
{
    display:block;
    color:#382E1F;
    height:31px;
    line-height:31px;
    padding:0 15px;
    margin-right:0px;
    text-decoration:none;
    font-size: 11px;
    z-index:1;
}
.menu2 li:hover
{
    background-color: #F4F5F7;
}
.menu2 li a.current
{
    background-color: #EDEFF0;
    color: black;
}
.block
{
    width: 100%;
    background-color: #FFFFFF;
    height: 35px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: -3px 3px 4px silver;
    -moz-box-shadow: -3px 3px 4px silver;
    -webkit-box-shadow: -3px 3px 4px silver;
}
.block_main
{
    float: right;
}
.block_title
{
    height: 30px;
    font: 18px Simplified Arabic;
    padding: 0px 15px 0px 15px;
    background-color: #4670BA;
    color: #FFFFFF;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
}
.block_body
{
    border: 1px solid #4670BA;
    vertical-align: top;
    border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
}
.block_full_body
{
    border: 1px solid #4670BA;
    vertical-align: top;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
}
.path
{
    font: 12px Tahoma;
}
.pager
{
    text-align: center;
    font: 13px Tahoma;
    margin: 10px;
}
.pager .page
{
    padding: 0px 3px 0px 3px;
    margin: 1px;
    background-color: #d4e6fc;
    border: 1px solid #c3d5eb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: -3px 3px 4px silver;
    -moz-box-shadow: -3px 3px 4px silver;
    -webkit-box-shadow: -3px 3px 4px silver;
}
.pager .page:hover
{
    background-color: #e5f7ff;
    border: 1px solid silver;
}
.pager .currentpage
{
    width: 30px;
    text-align: center;
    padding: 0px 3px 0px 3px;
    margin: 1px;
    background-color: #f6f8ff;
    border: 1px solid silver;
    color: Red;
    font: 13px Tahoma;
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: -3px 3px 4px silver;
    -moz-box-shadow: -3px 3px 4px silver;
    -webkit-box-shadow: -3px 3px 4px silver;
}
.text
{
    font: 18px Simplified Arabic;
    text-align: justify;
}
.description
{
    font: 11px Tahoma;
    border: 1px solid #CCCCCC;
    background-color: #F8F7F7;
    color: #5F5E5E;
    padding: 5px;
    margin-bottom: 10px;
    text-align: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: -3px 3px 4px silver;
    -moz-box-shadow: -3px 3px 4px silver;
    -webkit-box-shadow: -3px 3px 4px silver;
}
#search, #no, #date, #visit
{
    height: 20px;
    padding: 3px 5px;
}
.authors, otherlanguages
{
    font: 11px Tahoma;
    float: left;
    width: 250px;
    margin: 10px 5px 0px 0px;
}
.picture
{
    text-align: center;
    padding: 10px;
}
@font-face 
{
    font-family: 'KFGQPC_Naskh';
    src: url('/content/fonts/KFC_naskh.eot');
    src: local('KFGQPC Uthman Taha Naskh'), url('/content/fonts/KFC_naskh.otf.eot') format('opentype');
}
.quran
{
    font-size: 25px;
    font-family: KFGQPC Uthman Taha Naskh, KFGQPC_Naskh, Arabic Typesetting, Traditional Arabic;
    color: Green;
}
.hadith
{
    font-size: 25px;
    font-family: KFGQPC Uthman Taha Naskh, KFGQPC_Naskh, Arabic Typesetting, Traditional Arabic;
    color: Navy;
}
.hadithsmall
{
    font-size: 20px;
    font-family: KFGQPC Uthman Taha Naskh, KFGQPC_Naskh,Arabic Typesetting, Traditional Arabic;
    color: Navy;
}
.title
{
    font: 18px Simplified Arabic;
    padding: 3px;
    border-bottom: 1px solid #D4E6FC;
}
.title:hover
{
    background-color: #FAFAFA;
}
.titr
{
    font: bold 18px Simplified Arabic;
    color: Red;
}
.footnote
{
    color: Blue;
    cursor: pointer;
    display: inline-block;
    font: 12px Tahoma;
    vertical-align: top;
    white-space: nowrap;
}
.footnote_text
{
    padding: 10px 0px;
    font: 13px Tahoma;
}
.footnote_text hr
{
    text-align: right;
    width: 40%;
}
.source
{
    color: Red;
    font: 12px Tahoma;
}
.poem
{
    font: 30px Traditional Arabic;
}
.cr
{
    width: 100%;
    font: 11px Tahoma;
}
.cr a
{
    padding: 0px 1px 0px 1px;
    background-color: #FAFAFA;
}
.cr_title
{
    font-weight: bold;
}
.cr_title a
{
    background-color: #FFFFFF;
}
.cr tr td
{
    border-bottom: 1px solid #D4E6FC;
}
.more
{
    text-align: left;
}
.picture
{
    text-align: center;
}
.thumbnail
{
    border: 1px solid rgb(192, 213, 189);
    padding: 4px;
    margin: 2px;
    float: right;
    width: 70px;
    text-align: center;
    background-color: #D4E6FC;
    vertical-align: middle;
}
.search
{
    width: 100%;
    font: 13px Tahoma;
}
.highlight
{
    background-color: yellow;
    color: blue;
}
.listview
{
    width: 100%;
    font: 13px Tahoma;
}
.listview thead td
{
    font: bold 16px Arial;
    padding: 0px 15px 0px 15px;
    background-color: #E8E8E8;
    border-radius: 8px;
    -moz-border-radius: 8px;
    box-shadow: 0px 3px 4px silver;
    -moz-box-shadow: 0px 3px 4px silver;
    -webkit-box-shadow: 0px 3px 4px silver;
}
.listview tbody td
{
    padding: auto 15px auto 15px;
    border-bottom: 1px solid #D4E6FC;
    vertical-align: top;
}
.listview tbody tr:hover
{
    background-color: #FAFAFA;
}
.preview, .preview a
{
    font: 11px Tahoma;
    color: #BBBBBB;
}
.preview a:hover
{
    color: red;
}
.subjects
{
    padding-right: 20px;
}
.subject
{
    padding: 3px;
    font: 13px Tahoma;
}
.subject img
{
    cursor: pointer;
    margin: 3px;
    vertical-align: middle;
}
.crs_table td
{
    font: 13px Tahoma;
    background-color: #FAFAFA;
}
.crs_table a
{
    color: red;
}
.footer, .footer a
{
    height: 10px;
    text-align: center;
    font: 11px Tahoma;
    padding: 5px 0px;
    color: Silver;
}

.gsc-branding-text {font: 11px Tahoma; display: none;}
.gs-title {font: 12px Tahoma;}
.gs-snippet {font: 12px Tahoma;}
.gs-visibleUrl .gs-visibleUrl-short .gs-visibleUrl-long {font: 12px Tahoma;}


/* WebEditor Styles ******************************************** */
.Article,
.Nahj,
.Sahifa,
.Supplication,
.Hadith,
.Event,
.Glossary,
.News,
.Lecture,
.Rejal,
.Person
{
	font: 18px Simplified Arabic;
	text-align:justify;
	padding: 10px 5px 10px 5px;
}
.Tle
{
    /*color: Blue; font: bold 18px Simplified Arabic;*/
    font: bold 18px Simplified Arabic;
    color: Navy;
    margin: 0px;
}
.Txt   { color: Black;  }
.Ftn
{
    /*color: Gray;*/
    color: Blue;
    cursor: pointer;
    display: inline-block;
    font: 12px Tahoma;
    vertical-align: top;
    white-space: nowrap;
}    
.Qur 
{
    /*color: Green;*/
    font-size: 25px;
    font-family: KFGQPC Uthman Taha Naskh, KFGQPC_Naskh, Arabic Typesetting, Traditional Arabic;
    color: Green;
}
.Had   
{
    /*color: #004040;*/
    font-size: 25px;
    font-family: KFGQPC Uthman Taha Naskh, KFGQPC_Naskh, Arabic Typesetting, Traditional Arabic;
    color: Navy;
}
.Per   { color: #B9B9B9;  }  
.Rej  { color: #FF4040;  }  
.Gls  { color: #000080;  }    
.Kwd  { color: #18A4E7;}    
.Web  { color: Silver;}    
.Dte  { color: Maroon;   }  
/*
.Pom   { color: #06B060;  } 
.Pom p {text-align: justify; text-justify: kashida }
.Pom td {padding: 0px 10px;}
.Pom table { margin: auto;}
*/
.Pom table 
{
    margin: auto;
    /*color: #06B060;*/
}
.Pom div
{
    float: right;
    text-justify: kashida;
    text-align: justify;
    white-space:nowrap;
}
.STxt,
.SSum,
.SInt,
.SPfc,
.SSrc,
.SLnk,
.SCon,
.SFtn,
.SToc
{color: black; display:block; margin:5px 5px 10px 5px; padding:5px; background: #FFFFFF none no-repeat scroll 3px 3px;}

.SToc {font-size:x-small; font-family:Tahoma; border-right:2px solid; float:left; margin-right: 100px;}
.SSrc,
.SLnk{font: 13px Tahoma;}
.SSum{margin: 30px 50px 30px 50px; border-top:1px dashed navy; border-bottom:1px dashed navy;}

.SPfc { background-image: url(/Content/images/lbl-Section_Preface.png);      } 
.SSum { background-image: url(/Content/images/lbl-Section_Summary.png);      } 
.SInt { background-image: url(/Content/images/lbl-Section_Introduction.png); } 
.STxt { background-image: url(/Content/images/lbl-Section_Text.png);         } 
.SCon { background-image: url(/Content/images/lbl-Section_Conclusion.png);   } 
.SFtn { background-image: url(/Content/images/lbl-Section_Footnotes.png);    } 

.SFtn hr 
{
    width: 40%;
    margin-right: 0px;
}
.SFtn
{
    padding: 10px 0px;
    font: 13px Tahoma;
} 
.index
{
    cursor: help;
}
.index:hover
{
    color: navy;
    border-bottom: 1px dotted black;
}
/*Divs

    <style>
        .koran {font-size: 12pt; font-family: "Traditional Arabic"; font-weight: bold; text-align: justify; text-justify: kashida}
        td{padding:0px 10px}
    </style>
    <body dir="rtl">
    <table class="Pom" style="direction:rtl;">
        <tr align="justify">
            <td class="koran"> سيطول بعدي يا سكينة فاعلمي<br />
            </td>
            <td class="koran">منك البكاءي ييسيبصثثصبص إذا الحمام دهاني<br />
            </td>
        </tr>
        <tr align="justify">
            <td>
               <p class="koran"> لا تحرقي قلبي بدمعك حسرة<br /></p>
            </td>
            <td>
               <p class="koran"> مادام مني الروح في جثماني<br /></p>
            </td>
        </tr>
    </table>
    </body>
.Article
{
	font: 18px Simplified Arabic;
	text-align:justify;
	padding: 5px 5px 5px 5px;
}
.Sec_Summary
{
	background-color:Blue;
	/*padding: 25px 25px 25px 25px;	
}




.Sec_Preface
{
	background-color:Aqua;
	padding: 30px 30px 30px 30px;
}
.Sec_Sources
{
	background-color:Fuchsia;
	padding: 30px 30px 30px 30px;
}
.Sec_Footnotes
{
	background-color:Green;
	padding: 30px 30px 30px 30px;
}
.Sec_Links
{
	background-color:Lime;
	padding: 30px 30px 30px 30px;
}
.Sec_Conclusion
{
	background-color:Maroon;
	padding: 30px 30px 30px 30px;
}


Spans
.Title{display:block;color:Blue;}
.Quran
{
	background-color:Green;	
}
.Hadith
{
	background-color:Yellow;	
}
.Poem {color: Red; white-space: nowrap;}
.Poem td {width: 300px; text-align:justify; text-justify: kashida;}

.Person
{
	background-color:Lime;	
}
.Rejal
{
	background-color:Fuchsia;	
}
.Glossary
{
	background-color:Maroon;
}
.Footnote
{
	background-color:Purple;	
}
.Keyword
{
	background-color:Silver;	
}
.Website
{
	background-color:Teal;	
}
.Date
{
	background-color:Olive;	
}*/