body {
background:#56747e;
background-position: left top;
background-repeat:no-repeat;
margin:0px; scrollbar-darkshadow-color:#EDF8FF;
scrollbar-track-color:#EDF8FF;
scrollbar-face-color:#EDF8FF;
scrollbar-shadow-color:#003366;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-highlight-color:#336699;
scrollbar-arrow-color:#336699;

background-position:left bottom;
background-repeat:no-repeat;
background-attachment:fixed;
}
input {
font-family: tahoma;
font-size: 11px;
color: #9C0F41;
text-align: justify;

}
.button_action {
    color: #1A659F;
    font-family: Tahoma,Arial;
    font-size:11px;
    font-weight:normal;
    background-color: white;
    background-image: url('button.gif');
    border: medium none;
    background-repeat: no-repeat;
    text-align: center;
    width: 53px;
    height: 17px;
    cursor: pointer; cursor: hand
}


img {
border: 0px none;
}
.short_art {
font-family: Tahoma; font-size: 11px; color: #585858; font-weight: normal; text-align: justify; direction: rtl; line-height: 200%;
}
.more_link {
clear: both;  text-align: left; margin-bottom: 10px; font-family: Tahoma; font-size: 11px; border-bottom: green 0px dashed;
}

.lclosed {
font-family: Tahoma;
font-size: 12px;
color: #800000;
line-height: 200%;
}
.liner {
border-bottom: #FFFFFF 1px dashed;
width: 775px;
}
.liner_in {
border-bottom: #f0f0f0 1px dashed;
width: 615px;
}
.br1 {
line-height: 0%;
}

.menu_top {
width: 100%;
height: 26px;
background-color: #f2fafe;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #008000;
text-decoration: none;
padding-right: 2px;
border-top: #b3c4d4 1px solid;
padding-top: 3px;
border-bottom: #b3c4d4 1px solid;
}
#menu_box UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial; LIST-STYLE-TYPE: none
}
#menu_box LI {
font-family: arial; font-size: 12pt; font-weight: bold;	MARGIN: -2px; line-height: 150%;
}
#menu_box A {
		PADDING-RIGHT: 10px; BORDER-TOP: #ffffff 1px solid; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 90%; PADDING-TOP: 2px; BORDER-BOTTOM: #abcddc 1px solid; BACKGROUND-COLOR: #d6e7ef;
}
#menu_box A:link {
	COLOR: #0e5d93; TEXT-DECORATION: none
}
#menu_box_list A:visited {
	COLOR: #0e5d93; TEXT-DECORATION: none
}
#menu_box A:hover {
background-repeat: repeat-y;
background-position: right center;
color: #c74d11;
background-color: #e4f1f7;
}


.search_box {
width: 100%;
height: 20px;
padding-right: 5px;
border-bottom: #e9e2c8 1px solid;
border-top: #e9e2c8 1px solid;
border-right: #e9e2c8 5px solid;
background: #FCFCF8;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
color: #906f2f;
}

/*
mofreh
*/
#occ_box1 {
font-family: Arial;
font-size: 11pt;
color: #009966;
font-weight: bold;
text-align: justify;
line-height: 200%; 
padding: 5;
}
.occ_line1 {
border-bottom: #009966 1px dashed;
width: 98%;
margin-bottom: 10px;
}

/*
mohzen
*/
#occ_box2 {
font-family: Arial;
font-size: 11pt;
color: #800000;
font-weight: bold;
text-align: justify;
line-height: 200%; 
padding: 10;
}
.occ_line2 {
border-bottom: #800000 1px dashed;
width: 98%;
margin-bottom: 10px;
}

/*
ads
*/
#occ_box3 {
font-family: Arial;
font-size: 11pt;
color: #009966;
font-weight: bold;
text-align: justify;
line-height: 200%; 
padding: 10;
}
.occ_line3 {
border-bottom: #DDDDDD 1px dashed;
width: 98%;
margin-bottom: 10px;
}



.art_link{
width: 100%;
height: 26px;
padding-top: 2px;
background-color: #f2fafe;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #008000;
text-decoration: none;

}

.tiny_text {
font-family: Tahoma;
font-size: 11px;
color: #3c0000;
line-height: 250%;
}


.acronym_art {
font-family: Arial;
font-size: 11pt;
color: #035F96;
font-weight: bold;
text-align: justify;
line-height: 200%; 
padding: 10;
}
.liner_art {
border-bottom: #DDDDDD 1px dashed;
width: 98%;
}
.over {
OVERFLOW: auto;
WIDTH: 350px;
HEIGHT: 70px;
text-align: justify;
font-family: Tahoma;
font-size: 10pt;
line-height: 200%;
border-bottom: #1A7BFF 1px solid;
padding: 10px;

}



A {
TEXT-DECORATION: none
}
A:visited {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}

.link1 {
font-family: Arial; font-size: 15px; color: green; font-weight: bold; text-align: justify; line-height: 250%; text-decoration: none; 
}
a:visited.link1 {
font-family: Arial; font-size: 15px; color: green; font-weight: bold; text-align: justify; line-height: 250%; text-decoration: none; 
}
a:hover.link1 {
font-family: Arial; font-size: 15px; color: #006699; font-weight: bold; text-align: justify; line-height: 250%; text-decoration: none; border-bottom: #006699 1px dashed;
}


.link2 {
font-family: Tahoma; font-size: 11px; color: #330000;
}
a:visited.link2 {
font-family: Tahoma; font-size: 11px; color: #330000;
}
a:hover.link2 {
font-family: Tahoma; font-size: 11px; color: #996666;
}


.link3 {
font-family: Tahoma; font-size: 11px; color: green; font-weight: normal; line-height: 250%;
}

a:visited.link3 {
font-family: Tahoma; font-size: 11px; color: green;
}
a:hover.link3 {
font-family: Tahoma; font-size: 11px; color: #999966; text-decoration: none;
}


.hadith_top {
width: 100%;
height: 26px;
background-color: #f2fafe;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #008000;
text-decoration: none;
padding-right: 2px;
border-top: #b3c4d4 1px solid;
border-right: #b3c4d4 5px solid;
padding-top: 3px;
border-bottom: #b3c4d4 1px solid;
}


.tiny_link {
font-family: Tahoma;
font-size: 12px;
text-align: justify;
line-height:150%;
color: #52901F;
}








/*
path
*/
.path {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0A2455;
    background-color: #F8FFED;
}
a:link.path {
	font-family: Tahoma;
	font-size: 8pt;
	color: #2C8C3E;
	text-decoration: none;
}
a:visited.path {
	font-family: Tahoma;
	font-size: 8pt;
	color: #2C8C3E;
	text-decoration: none;
}
a:active.path {
	font-family: Tahoma;
	font-size: 8pt;
	color: #333366;
	text-decoration: none;
}
a:hover.path {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0A2455;
	text-decoration: none;
	border-bottom:1px dashed #C0C0C0;
}



.point {
width: 35px;
height: 35px;
margin-bottom: 8;
background-image: url('list.gif');
background-repeat: no-repeat;
background-position: left top
}

.sec_link{
height: 26px;
border-right: #e9e2c8 5px solid;
padding-right: 5px;
font-family: Arial;
font-weight: bold;
color: #906f2f;
padding-top: 2px;
}

.art_rower {
padding-bottom: 15px;
}

.art_row1{
background-color: #F9FCFF;
}
.art_row2{
background-color: #EFF7F9;
line-height: 
}


.subject {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #357DBA;
}
.matn {
	text-align: justify;
	line-height: 200%;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #003C3C;

}

a:visited.subject {
	FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #333366; FONT-STYLE: normal; FONT-FAMILY: Times New Roman, Tahoma (Arabic); TEXT-DECORATION: none
}
a:active.subject {
	FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #333366; FONT-STYLE: normal; FONT-FAMILY: Times New Roman, Tahoma (Arabic); TEXT-DECORATION: none
}
a:hover.subject {
	FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #cc3300; FONT-STYLE: normal; FONT-FAMILY: Times New Roman, Tahoma (Arabic); TEXT-DECORATION: none;
border-bottom:1px dashed #C0C0C0;


}
a:link.subject {
	FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #003366; FONT-STYLE: normal; FONT-FAMILY: Times New Roman; TEXT-DECORATION: none
}


.art_sec {
width: 100%;
clear: both;
border-top: #e9e2c8 1px solid;
border-bottom: #e9e2c8 1px solid;
background: #FCFCF8;
font-family: Arial;
font-weight: bold;
color: #906f2f;
}
.art_sec_link{
font-family: Arial;
font-weight: bold;
color: #449805;
}



/*
art item style
*/
.art_h1 {
font-family: Mudir MT, Arial;
font-size: 18px;
font-weight: bold;
color: #0066cc;
text-align: center;
}

.art_desc {
width: 95%;
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #069;
text-align: justify;
line-height: 250%;
border-right: #F0F0F0 1px solid;
border-bottom: #F0F0F0 1px dotted;
}

.art_matn1 {
padding: 30px;
font-family: Arial;
font-size: 12pt;
font-weight: bold;
color: #006386;
text-align: justify;
line-height: 250%;
background-image: url('line-symbol.gif');
background-repeat: repeat-y;
background-position: right;
}

.art_matn2 {
padding: 30px;
font-family: Arial;
font-size: 14pt;
font-weight: bold;
color: #006386;
text-align: justify;
line-height: 250%;
background-image: url('line-symbol.gif');
background-repeat: repeat-y;
background-position: right;
}

.art_matn3 {
padding: 30px;
font-family: Tahoma;
font-size: 11px;
color: #006386;
text-align: justify;
line-height: 250%;
background-image: url('line-symbol.gif');
background-repeat: repeat-y;
background-position: right;
}




.comment1 {
position: relative;
width: 515px;
right: 50px;
left: 50px;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #006386;
text-align: justify;
line-height: 250%;
}
.comment2 {
position: relative;
width: 515px;
right: 50px;
left: 50px;
font-family: Tahoma;
font-size: 11px;
color: #006386;
text-align: justify;
line-height: 250%;
}
.comment3 {
position: relative;
width: 515px;
right: 50px;
left: 50px;
font-family: Arial;
font-size: 11pt;
font-weight: bold;
color: #006666;
text-align: justify;
line-height: 250%;
}
.w3 {
font-family: Tahoma;
font-size: 11px;
color: f0f0f0;
text-align: left;
}
a:visited.w3 {
font-family: Tahoma; font-size: 11px; color: #f0f0f0;
}
a:hover.w3 {
font-family: Tahoma; font-size: 11px; color: #f0f0f0;
}

.nodate {
padding-top: 20px;
font-family: Tahoma;
font-size: 11px;
color: green;
}






.menu_title A {
font-family: Arial;
font-size: 12pt;
font-weight: bold;
text-align: center;		PADDING-RIGHT: 2px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 125px; PADDING-TOP: 2px; BORDER-BOTTOM: #abcddc 1px solid; BACKGROUND-COLOR: #d6e7ef;
}
.menu_title A:link {
	COLOR: #0e5d93; TEXT-DECORATION: none;
	}
.menu_title A:hover {
background-image: url('menu_border.gif');
background-repeat: repeat-y;
background-position: right center;
color: #c74d11;
background-color: #e4f1f7; 
}
.menu_title A:visited {
	COLOR: #0e5d93; TEXT-DECORATION: none;
}

.hadith {
font-family: Tahoma;
font-size: 11px;
color: #0E5D93;
direction: rtl;
text-align: justify;
line-height: 200%; 
margin-left: 7;
padding-top: 10;
padding-left: 15;
padding-right: 15;
padding-bottom: 10px;

}

marquee {
font-size: 11px;
}
.marq_text {
font-family: Tahoma;
color: #800000;
}
.chr_box
{
font-family: Tahoma;
font-size: 8px;
}
a.new {
	padding-right: 10px;
	padding-left: 10px;
}
a:link.new {
	font-family: Tahoma;
	font-size: 11px;
	color: #0A2455;
	font-weight: normal;	
	text-decoration: none;
}
a:visited.new {
	font-family: Tahoma;
	font-size: 11px;
	color: #0A2455;
	font-weight: normal;
	text-decoration: none;
}
a:active.new {
	font-family: Tahoma;
	font-size: 11px;
	color: #0A2455;
	font-weight: normal;	
	text-decoration: none;
}
a:hover.new {
	font-family: Tahoma;
	font-size: 11px;
	color: green;
	font-weight: normal;	
	text-decoration: none;
	border-bottom:1px dashed #C0C0C0;
}



a:link.sec {
	font-family: Tahoma;
	font-size: 8pt;
	color: #A1A1A1;
	text-decoration: none;
}
a:visited.sec {
	font-family: Tahoma;
	font-size: 8pt;
	color: #A1A1A1;
	text-decoration: none;
}
a:active.sec {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0A2455;
	text-decoration: none;
}
a:hover.sec {
	font-family: Tahoma;
	font-size: 8pt;
	color: #0A2455;
	text-decoration: none;
	border-bottom:1px dashed #C0C0C0;
}



a:link.tiny {
	font-family: Tahoma;
	font-size: 11px;
	color: #0A2455;
	font-weight: normal;	
	text-decoration: none;
}
a:visited.tiny {
	font-family: Tahoma;
	font-size: 11px;
	color: #0A2455;
	font-weight: normal;
	text-decoration: none;
}
a:active.tiny {
	font-family: Tahoma;
	font-size: 11px;
	color: #A1A1A1;
	font-weight: normal;	
	text-decoration: none;
}
a:hover.tiny {
	font-family: Tahoma;
	font-size: 11px;
	color: #A1A1A1;
	font-weight: normal;	
	text-decoration: none;
	border-bottom:1px dashed #C0C0C0;
}
.stats {
padding-right: 0px;
text-align: right;
font-family: Tahoma;
font-size: 11px;
color: #2C786C;
line-height: 250%
}

.acronym {
padding-right: 10px;
text-align: right;
font-family: Tahoma;
font-size: 11px;
color: #2C786C;
line-height: 250%
}

.acronym-books {
text-align: justify;
font-family: Arial;
font-size: 12pt;
font-weight: bold;
color: #2C786C;
line-height: 200%
}
.button_action1 {
    color: #1A659F;
    font-family: Tahoma,Arial;
    font-size:11px;
    font-weight:normal;
    background-image: url('search1.gif');
    border: medium none;
    background-repeat: no-repeat;
    text-align: center;
    width: 16px;
    height: 16px;
    cursor: hand
}
.button_action2 {
    color: #1A659F;
    font-family: Tahoma,Arial;
    font-size:11px;
    font-weight:normal;
    background-image: url('search2.gif');
    border: medium none;
    background-repeat: no-repeat;
    text-align: center;
    width: 16px;
    height: 16px;
    cursor: hand
}

.short_des {
font-family: Tahoma;
font-size: 11px;
color: #0C621A;
font-weight: normal;
text-align: justify;
direction: rtl;
line-height: 200%
}
.goindex {
clear: both;  text-align: left; margin-bottom: 10px; font-family: Tahoma; font-size: 11px; border-bottom: green 0px dashed;
}


a.index-subjects {
	padding-right: 10px;
	padding-left: 10px;
}
a:link.index-subjects {
	font-family: Tahoma;
	font-size: 11px;
	color: #0A2455;
	font-weight: normal;	
	text-decoration: none;
}
a:visited.index-subjects {
	font-family: Tahoma;
	font-size: 11px;
	color: #0A2455;
	font-weight: normal;
	text-decoration: none;
}
a:active.index-subjects {
	font-family: Tahoma;
	font-size: 11px;
	color: #0A2455;
	font-weight: normal;	
	text-decoration: none;
}
a:hover.index-subjects {
	font-family: Tahoma;
	font-size: 11px;
	color: green;
	font-weight: normal;	
	text-decoration: none;
	border-bottom:1px dashed #C0C0C0;
}



/*
print
*/

.print_subject {
font-family: Arial;
font-size: 12 pt;
font-weight: bold;
color: #000000;
text-align: center;
line-height: 250%;
}

.print_contents {
font-family: Arial;
font-size: 12 pt;
font-weight: bold;
color: #000000;
text-align: justify;
line-height: 250%;
}

.print_name {
font-family: Tahoma;
font-size: 11 px;
font-weight: normal;
color: #000000;
text-align: justify;
line-height: 250%;
}

.print_footer {
direction: rtl;
font-family: Tahoma;
font-size: 11 px;
font-weight: normal;
color: #000000;
text-align: justify;
line-height: 250%;
}
.index-masters {
font-family: Tahoma;
font-size: 11px;
font-weight: 600;
color: #336600;
}
.book_matn1 {
margin: 5px;
direction: rtl;
font-family: Tahoma;
font-size: 10pt;
color: #003366;
text-align: justify;
line-height: 200%
}
.book_matn2 {
margin: 5px;
direction: rtl;
font-family: Tahoma;
font-size: 11px;;
color: #006600;
font-weight: 600;
text-align: justify;
line-height: 200%
}
.book_matn3 {
margin: 5px;
direction: rtl;
padding: 5px;
font-family: Arial;
font-size: 12pt;
color: #2C786C;
text-align: justify;
line-height: 200%;
font-weight:bold;
background-color: #ffffff;
}
.text {
font-family: Tahoma;
font-size: 11px;
color: green;
text-align: center
}

.titr {
	font-family: Arial;
	font-size: 12pt;
	color: #357DBA;
	font-weight: bold;
}

a:visited.titr {
FONT-SIZE: 12pt; COLOR: #333366; FONT-FAMILY: Arial; TEXT-DECORATION: none;
	font-weight: bold;
}
a:active.titr {
FONT-SIZE: 12pt; COLOR: #333366; FONT-FAMILY: Arial; TEXT-DECORATION: none;
	font-weight: bold;
}
a:hover.titr {
FONT-SIZE: 12pt; COLOR: #cc3300; FONT-FAMILY: Arial; TEXT-DECORATION: none;
border-bottom:1px dashed #C0C0C0; font-weight: bold;
}
a:link.titr {
FONT-SIZE: 12pt; COLOR: green; FONT-FAMILY: Arial; TEXT-DECORATION: none;
	font-weight: bold;
}
hr {
border-bottom: #FFFFFF 1px dotted;
color: #FFFFFF;
width: 85%;
text-align=center;
}