/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author. */

body {
background:#8b8b8b;
color:#303030;
margin:0;
padding:0;
text-align:center;
FONT-FAMILY: Tahoma;
}

a {
color:#505050;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#808080;
text-decoration:underline;
}

p {
line-height:1.5em;
margin:0 0 15px;
}

/*** Main container ***/

#container {
background:#f0f0f0 url(images/bodybg.jpg) repeat-x;
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}

/*** Header section ***/

#justtoc {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
height:101px;
}

#sitename {
color:#ffffff;
height:92px;
margin:0 20px 10px;
text-align:left;
float:left;
}

#sitename h1,#sitename h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}

#sitename h1 {
font-size:2.4em;
padding-top:20px;
}

#sitename h2 {
font-size:1.6em;
}

#headbanner {
text-align:right;
float:right;
padding-top:10px;
padding-right:100px;

}

/*** Horizontal menu ***/

#mainmenu {
float:right;
margin-bottom:25px;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

#mainmenu li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
	font-weight: bold;
	FONT-FAMILY: Times New Roman;
font-size:18px;
}

#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}

#mainmenu a:hover {
background:#f0f0f0 url(images/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#mainmenu a.current {
background:#f0f0f0 url(images/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

/*** Content wrap ***/

#wrap {
clear:both;
font-size:0.9em;
padding:0;
}

/*** Sidebars ***/

#leftside,#rightside {
margin:0;
width:115px;
text-align:center;
}

#leftside {
float:left;
margin-right:0px;
}

#rightside {
float:right;
margin-left:0px;
}

#leftside h1,#rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:1px;
padding:02px 2px 2px 2px;
position:relative;
width:110px;
text-align:right;
font-size:11px;
}


.navleft {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:1px;
padding:2px 2px 2px 2px;
position:relative;
width:110px;
text-align:center;
font-size:11px;
}


.nav:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.navleft:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

/*** Content ***/

#content,#contentalt {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:10px 2px 2px;
text-align:right;
direction: rtl;
height:100%;
}

#content {margin:0 130px;}
#contentalt {margin:0 130px 0 20px;}



/*** Footer ***/

#footer {
background:#8b8b8b url(images/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}








.form { color:#444444;margin:5px 0;background:#fafafa;border:1 1 1 1 solid #CCCCCC;font:12px/18px arial;border-collapse:collapse;margin-bottom: -8;}
.form th { padding:4px;padding-left:10px;border-bottom:1px dashed #ccc;font:12px/18px Tahoma;vertical-align:top;text-align:right; }
.form th.req { padding:4px;width:200px;background: url(icon_star.gif) no-repeat left top;font:12px/18px Tahoma;vertical-align:top;text-align:right; }
.form td { padding:4px;padding-left:10px;border-bottom:1px dashed #ccc;font:12px/18px Tahoma;vertical-align:top;}
.form p { margin:0 0 3px;font:12px/18px arial;vertical-align:top; }

	.cssFrmField
	  {
	  WIDTH: 300px;
	  FONT-FAMILY: Tahoma;
	  FONT-SIZE: 12px;
	  FONT-WEIGHT: normal;
	  BORDER: 1px solid #7F9DB9;
	  }

	.cssSignIn
	  {
	border-right: #630 0.1em solid;
	padding-right: 0.1em;
	border-top: #c18f00 0.1em solid;
	padding-left: 0.1em;
	background: #ff9933;
	padding-bottom: 0px;
	margin: 0px 0.3em;
	font: smallcaption;
	border-left: #c18f00 0.1em solid;
	color: #FFFFFF;
	line-height: 1em;
	padding-top: 0px;
	border-bottom: #630 0.1em solid;

  }

.Title {font-size: 12px;font-family: tahoma;color: #575757;	font-weight: bold;}

	.cssOrangTitle 
		{
		FONT-FAMILY: Times New Roman;
		FONT-SIZE: 18px;
		FONT-WEIGHT: BOLD;
		COLOR: #ff9933;
		text-decoration:none;
		padding:2;
		}

.helpstyle {
	font-family: tahoma, Helvetica, sans-serif;
	list-style-type: square;
	font-weight: Bold;
	font-size: 14px;
	color:  #000000;
	background-color: #FAE4D2;
	border: 1px solid  #E37314;
	padding:5;
}

.data { color:#444444;margin:5px 0;width:100%;background:#fdfdfd;border:1px solid #ccc;border-width:1px 0;font:12px/18px tahoma;border-collapse:collapse;}
.data th { font-family: Times New Roman;FONT-SIZE: 15;FONT-WEIGHT:Bold;padding:3px;border-bottom:1px dashed #ccc;border-width:1px 0;color:#444444;text-align:right }
.data td { padding:3px;border-bottom:1px dashed #ccc;border-width:1px 0 }

.Tellfriend
		{
	font-family: Tahoma;FONT-SIZE: 12px;	FONT-WEIGHT:Bold;
	COLOR: #006EAD;
	TEXT-DECORATION: none;
	background-color: #FAE4D2;
		}
.Tellfriend:Hover
		{
	COLOR: #ff9933;
		}
.name {
	FONT-FAMILY: Tahoma;
	font-weight: bold;
	font-size: 12px;
	COLOR: #006EAD;
	background-color: #FAE4D2;
}
.letters{
	font-weight: bold;
	FONT-FAMILY: Times New Roman;
	FONT-SIZE: 16px;
	FONT-WEIGHT: Bold;
	COLOR: #4274c9;
	TEXT-DECORATION: none;
	
	}
.cssSolidLink
	  {
	border-right: #630 0.1em solid;
	border-left: #c18f00 0.1em solid;
	border-top: #c18f00 0.1em solid;
	border-bottom: #630 0.1em solid;
	background: #ff9933;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	margin: 3px 0.3em;
	font: smallcaption;
 }
.cssSolidLink:Hover
	  {
color:#444444;
}

.addData {border:1px solid #ccc;width:100%;color:#444444;font:12px/18px tahoma;}
.addData th {border:1px solid #ccc;width:100%;background-color: #FAE4D2;}
.addData td.title {font-weight: bold;FONT-FAMILY: Times New Roman;FONT-SIZE: 13px;color:000000;width:100;}

.basmalah{FONT-FAMILY:Monotype Koufi, DecoType Naskh Variants, Andalus, Arial;FONT-SIZE:24pt;COLOR:#000000;text-align:center}
.Ayah{FONT-FAMILY:Monotype Koufi, DecoType Naskh Variants, Andalus, Arial;FONT-SIZE:18pt;COLOR:#003000;text-align:center}
.Tafseer{font-weight: bold;FONT-FAMILY: Times New Roman;FONT-SIZE: 20px;color:000000;}

A.chan:link {TEXT-DECORATION: none;COLOR: Black}
A.chan:hover {TEXT-DECORATION: none;COLOR: #FF0080}
A.chan:visited {TEXT-DECORATION: none;COLOR: Black}

.bodya           {  font-family: Times New Roman; font-size: 15; color: #00005D; text-decoration: none; font-weight:bold;}
:visited.bodya   {  font-family: Times New Roman; font-size: 15; color: #000080; text-decoration: none; font-weight:bold;}
:hover.bodya    {  font-family: Times New Roman; font-size: 15; color: #994591; text-decoration: none; font-weight:bold;}
/*** End of file ***/

.triangle2 {
	BACKGROUND: url(arrow_orange.gif) #0A9ACC no-repeat right center; WIDTH: auto
}
.triangleblue {
	BACKGROUND: url(tr14x15_1.gif) no-repeat left top
}

.topnavwhite {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.dv30 {
	PADDING-right: 14px; TEXT-ALIGN: right
}
#divright {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.hotartist {
	width:100%;
	PADDING-LEFT: 0px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 0px;
	COLOR: #4b4b4b;
	PADDING-TOP: 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #f4f8fb;
	TEXT-ALIGN: right;
	TEXT-DECORATION: none;
BORDER: #acc6db 1px solid;
}


.headtopnav {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #eabb00; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.triother {
	BACKGROUND: url(arrow_orange.gif) #6898d0 no-repeat left center; MARGIN-LEFT: 130px; WIDTH: auto; MARGIN-RIGHT: 130px
}
.triangle {
	BACKGROUND: url(arrow_orange.gif) #6898d0 no-repeat left center; WIDTH: 180px
}