/* different font sizes */
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}


/* different tag sizes */
.tag0 { font-size: 11px;}
.tag1 { font-size: 12px;}
.tag2 { font-size: 13px;}
.tag3 { font-size: 14px;}
.tag4 { font-size: 15px;}
.tag5 { font-size: 16px;}
.tag6 { font-size: 17px;}
.tag7 { font-size: 18px;}
.tag8 { font-size: 19px;}
.tag9 { font-size: 20px;}

/* for editing textareas */
.panel { width: 770px;  border: solid 1px black; padding: 5px; overflow: auto;}

/* for arabic text */
.arb {font-size:16px;font-weight:bold;font-family:Traditional Arabic;}
.arabic {font-size:25px;text-align:right;line-height:30px;margin-right: 20px;font-family:Traditional Arabic}
.arabicquran {font-size:25px;text-align:right;line-height:38px;margin-right: 20px;font-family:Traditional Arabic}

/* --- button style code start here --- */
	
	button { border:none; background:none; padding:0; margin:0; font:90% Arial, Helvetica, sans-serif; text-shadow: #fefefe 1px 1px 0px;	width:auto; overflow:visible; text-align:center; vertical-align:middle; white-space:nowrap; height:36px; cursor:pointer;	}
		
	button span, button em { display:block; height:34px; line-height:34px; margin:0; color:#333333; }	
	
	/*default dark blue*/
	button span { padding-left:20px; background:url(../images/bg_button.gif) no-repeat 0 0px;}	
	button em { font-style:normal; padding-right:20px; background:url(../images/bg_button.gif) no-repeat 100% 0px; }	
	
	
	/*blue*/
	button.bluedark span { padding-left:20px; background:url(../images/bg_button.gif) no-repeat 0 0px; }	
	button.bluedark em { font-style:normal; padding-right:20px; background:url(../images/bg_button.gif) no-repeat 100% -0px; }	
	
	/*blue*/
	button.blue span { padding-left:20px; background:url(../images/bg_button.gif) no-repeat 0 -34px; }	
	button.blue em { font-style:normal; padding-right:20px; background:url(../images/bg_button.gif) no-repeat 100% -34px; }	
	
	/*green*/
	button.green span { padding-left:20px; background:url(../images/bg_button.gif) no-repeat 0 -102px; }	
	button.green em { font-style:normal; padding-right:20px; background:url(../images/bg_button.gif) no-repeat 100% -102px; }		
	/*red*/
	button.red span { padding-left:20px; background:url(../images/bg_button.gif) no-repeat 0 -136px; }	
	button.red em { font-style:normal; padding-right:20px; background:url(../images/bg_button.gif) no-repeat 100% -136px; }	
	/*yellow*/
	button.yell span { padding-left:20px; background:url(../images/bg_button.gif) no-repeat 0 -170px; }	
	button.yell em { font-style:normal; padding-right:20px; background:url(../images/bg_button.gif) no-repeat 100% -170px; }	
	
	/*white*/
	button.white span { padding-left:20px; background:url(../images/bg_button.gif) no-repeat 0 -204px; }	
	button.white em { font-style:normal; padding-right:20px; background:url(../images/bg_button.gif) no-repeat 100% -204px; }
	
	button:hover span, button.over span { padding-left:20px; background:url(../images/bg_button.gif) no-repeat 0 -68px; }	
	button:hover em, button.over em { font-style:normal; padding-right:20px; background:url(../images/bg_button.gif) no-repeat 100% -68px; }				
	button:focus, button:active { outline:hidden; }
	
	/*white*/			
	button.disabled { cursor:text; }
	button.disabled span, button.disabled em { color:#999999; }	
	button.disabled span { padding-left:20px; background:url(../images/bg_button.gif) no-repeat 0 -68px; }	
	button.disabled em { font-style:normal; padding-right:20px; background:url(../images/bg_button.gif) no-repeat 100% -68px; }	
	
	
	/* IE hacks to add some space between butotns */
	* html button { margin-right:5px; }
	*+html button { margin-right:5px; }
	
	/* --- end button style code --- */


/************************ But Hover Menu   ****************/

.but-hov-menu {
	margin: 100px 0 0;
	padding: 0;
	list-style: none;
}
.but-hov-menu  li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.but-hov-menu  a {
	padding: 14px 10px;
	display: block;
	color: #000000;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/but-hov-menu-blue.gif) no-repeat center center;
}
.but-hov-menu  li em {
	background: url(../images/but-hov-menu-hover.png) no-repeat;
	width: 180px;
	height: 55px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 10px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	}

	
/* @Arabic Text
----------------------------------------*/

.arb15 {font-family:Traditional Arabic;font-size:15px;}
.arb20 {font-family:Traditional Arabic;font-size:20px;}
.arb25 {font-family:Traditional Arabic;font-size:25px;}
.arb30 {font-family:Traditional Arabic;font-size:30px;}
.arb35 {font-family:Traditional Arabic;font-size:35px;}
.arb40 {font-family:Traditional Arabic;font-size:40px;}
.arb45 {font-family:Traditional Arabic;font-size:45px;}
.arb50 {font-family:Traditional Arabic;font-size:50px;}
.arb60 {font-family:Traditional Arabic;font-size:60px;}
.arb70 {font-family:Traditional Arabic;font-size:70px;}
.arb75 {font-family:Traditional Arabic;font-size:75px;}
.arb80 {font-family:Traditional Arabic;font-size:80px;}
.arb90 {font-family:Traditional Arabic;font-size:90px;}
.arb100 {font-family:Traditional Arabic;font-size:100px;}
.arb150 {font-family:Traditional Arabic;font-size:150px;}
.arb200 {font-family:Traditional Arabic;font-size:200px;}
.arb300 {font-family:Traditional Arabic;font-size:300px;}



.hrstyle1 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}