body 
{
	margin:0; padding:0;
	direction:rtl;
	font-family:Tahoma, Arial, Sans-Serif;
	font-size:13px;
	background:url("img/grad.png") repeat-x;
	color:#444;
}

#wrapper
{
	background:url("img/bg2.png") repeat-x top center;
	min-height:500px;
}

#nav
{
	margin-bottom:20px;
}

#logo
{
	width: 145px; height: 200px;
	margin: 0 auto;
}
#logo a, #logo img{border:none;}

#steps
{
margin:8px 0 0;
text-align:center;
}

#content
{
	width: 820px;
	margin: 0 auto;
	text-align:right;
}

a , a:visited{
text-decoration:none;
color:#228811;
}
a:hover{
text-decoration:underline;
color:#339900;
}

h1 {
	font-family:"Traditional Arabic","Al-Bayan", Arial, Sans-Serif;
	border-bottom:15px solid #DDDDDD;
	color:#444;
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}

h2 {
	font-family:"Traditional Arabic","Al-Bayan", Arial, Sans-Serif;
	border-bottom:10px solid #EEEEEE;
	color:#888;
	font-size: 1.5em;
	font-weight: bold;
	margin: .83em 0;
}

h3 {
	font-family:"Traditional Arabic","Al-Bayan", Arial, Sans-Serif;
	color:#777;
	font-size: 1.17em;
	font-weight: bold;
	margin: 1em 0;
}

p, dl, multicol {
  margin: 1em 0;
  line-height:1.8em;
  text-align:justify;
}

img
{ border:none; }


ul, menu, dir {
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  -moz-padding-start: 40px;
}

ol {
  display: block;
  list-style-type: decimal;
  margin: 1em 0;
  -moz-padding-start: 40px;
}

li {
  display: list-item;
}


ul, menu, dir {
  list-style-type: disc;
  margin: 1em 0;
}

ol {
  list-style-type: decimal;
  margin: 1em 0;
}

li {
  display: list-item;
}


.baytTxtbox
{
	background:url("img/txtboxs.png") no-repeat center bottom;
	padding: 10px;
	width:330px; height:44px;
	border:0 none; outline:none;
	font-family:"Traditional Arabic","Al-Bayan", Arial, Sans-Serif;
	font-size:30px;
	text-align:center;
	color:#666;
	margin-bottom:10px;
}
.baytTxtbox:hover{background-position:center center;}
.baytTxtbox:focus{background-position:center top;}

.baytButten
{
	background:url("img/btn2.png") no-repeat center top;
	padding: 0px 20px;
	margin:5px;
	width:130px; height:36px;
	border:0 none; outline:none;
	color:#4e4e4e;
	cursor:pointer;
	text-shadow:1px 1px 0px #fff;
	font-family:Arial, Sans-Serif;
	font-size:16px;
	font-weight:bold;
}
.baytButten:hover{background-position:center center;}
.baytButten:active{background-position:center bottom;}

#message{
	width:720px;
	margin:0 auto;
	text-align:center;
	display:none;
	line-height:24px;
}

#message .bahr{
	font-family:"Traditional Arabic","Al-Bayan", Arial, Sans-Serif;
	color:#339933;
	font-size:36px;
	margin: 16px 0;
}
#message .taqtee{
	float:right;
	width:350px;
}

#message .wazn{
	float:right;
	width:350px;
}

#message .num_wazn{
	float:right;
	width:350px;
}

#message .more{
	background:url("img/arrow_down.gif") no-repeat scroll right center;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	height:20px;
	font:12px tahoma;
	text-align:right;
	text-indent:30px;
	color:#555;
}
#message .more_box{
	background:url("img/more_box.png") repeat-x;
	height:100px;
	padding-top:5px;
	display:none;
}



.helpBtn
{
	background:url("img/help.png") no-repeat left top;
	width:85px; height:16px;
	float:left;
	cursor:pointer;
	color:#666;
	font-family:tahoma;
	font-size:10px;
	opacity:0.7;
}
.helpBtn:hover
{
	color:#444;
	opacity:1;
}
.helpinfo
{
	 background:url("img/helpinfo.png") no-repeat left top;
	 position:absolute;
	 width:312px; height:160px;
	 margin: 22px 320px 0 0;
}


.success {
    width: 298px;
    background: #a5e283;
    border: #337f09 1px solid;
    padding: 5px;
}

.error {
    width: 298px;
    background: #ea7e7e;
    border: #a71010 1px solid;
    padding: 5px;
}

.fb_btn
{
background:url("img/fb.png") no-repeat right top;
color:#FFFFFF;
cursor:pointer;
height:100px;
left:0;
margin-left:5px;
overflow:hidden;
position:fixed;
text-indent:-100000px;
top:150px;
width:32px;
z-index:100000;
text-decoration:none;
font-size:0px;
}
.fb_btn:hover
{
background-position:right bottom;
}

.face_btn
{
background:url("img/facebook.png") no-repeat right top;
color:#FFFFFF;
cursor:pointer;
height:32px;
left:0;
margin-left:5px;
overflow:hidden;
position:fixed;
text-indent:-100000px;
top:280px;
width:32px;
z-index:100000;
text-decoration:none;
font-size:0px;
}
.twitter_btn
{
background:url("img/twitter.png") no-repeat right top;
color:#FFFFFF;
cursor:pointer;
height:32px;
left:0;
margin-left:5px;
overflow:hidden;
position:fixed;
text-indent:-100000px;
top:316px;
width:32px;
z-index:100000;
text-decoration:none;
font-size:0px;
}

.alam_btn
{
background:url("img/alam.png") no-repeat right top;
color:#FFFFFF;
cursor:pointer;
height:67px;
left:0;
margin-left:5px;
overflow:hidden;
position:fixed;
text-indent:-100000px;
top:352px;
width:32px;
z-index:100000;
text-decoration:none;
font-size:0px;
}


/********BROWSER*********/
.brow{
overflow:hidden;
background-color:#eee;
}
.brow_right{
float:right;
width:199px;
background-color:#eee;
}
	.brow_rawy{
	width:45px;
	float:right;
	border-left:1px solid #ccc;
	}
		.brow_rawy ul{
		list-style:none outside none;
		margin:0;
		padding:0;
		text-align:center;
		}
		.brow_rawy ul li{
		font-family:Tahoma, Arial, Sans-Serif;
		border-bottom:1px solid #eee;
		height:25px;
		}
		.brow_rawy ul li a{
		text-decoration:none;
		display:block;
		color:#666;
		padding:5px 0;
		text-shadow:1px 1px 0px #fff;
		}
		.brow_rawy ul li a:hover{
		background:url(img/brow_rawy.png) no-repeat;
		color:#fff;
		text-shadow:1px 1px 0px #666;
		}
		.brow_rawy .selected{
		background:url(img/brow_rawy.png) no-repeat;
		color:#fff;
		text-shadow:1px 1px 0px #666;
		}
		
	.brow_bahr{
	width:150px;
	float:left;
	}
		.brow_bahr ul{
		list-style:none outside none;
		margin:0;
		padding:0;
		}
		.brow_bahr ul li{
		font-family:Tahoma, Arial, Sans-Serif;
		border-bottom:1px solid #eee;
		height:25px;
		}
		.brow_bahr ul li a{
		text-decoration:none;
		display:block;
		color:#666;
		padding:5px 25px;
		text-shadow:1px 1px 0px #fff;
		}
		.brow_bahr ul li a:hover{
		background:url(img/brow_bahr.png) no-repeat;
		color:#fff;
		text-shadow:1px 1px 0px #666;
		}
		.brow_bahr .selected{
		background:url(img/brow_bahr.png) no-repeat;
		color:#fff;
		text-shadow:1px 1px 0px #666;
		}

.brow_left{
float:right;
width:620px;
background-color:#fff;
border-right:1px solid #ccc;
min-height:755px;
}

	.brow_left ul{
	list-style:none outside none;
	margin:0;
	padding:0;
	}
	.brow_left ul li{
	background:url(img/brow_bayt0.png) repeat-x;
	color:#999;
	height:70px;
	}
	.brow_left ul li:hover{
	background:url(img/brow_bayt.png) repeat-x;
	color:#666;
	height:70px;
	}
	.brow_left ul li:hover a{
	color:#666;
	}
	.brow_bayt  {
	font-family: Arial, Sans-Serif;
	font-size:21px;
	margin-top:20px;
	float:right;
	margin:20px 24px 0 0;
	float:right;
	text-align:right;
	width:590px;
	}
	
	.brow_left a  {
	color:#999;
	}
	.brow_left a:hover  {
	color:#666;
	}
	
	.the_result{
	text-align:right;
	padding-right:20px;
	}
	
	.no_result{
	}
	
	.brow_twit a{
	background:url("img/brow_twitter1.png") no-repeat center bottom;
	color:#ccc;
	float:left;
	height:20px;
	width:20px;
	margin-left:5px;
	text-align:center;
	cursor:pointer;
	
	}
	.brow_twit a:hover{
	background-image:url(img/brow_twitter.png);
	color:#999;
	}
	
	.brow_face a{
	background:url("img/brow_facebook1.png") no-repeat center bottom;
	color:#ccc;
	float:left;
	height:20px;
	width:20px;
	
	margin-left:5px;
	text-align:center;
	cursor:pointer;	
	}
	.brow_face a:hover{
	background-image:url(img/brow_facebook.png);
	color:#999;
	}
	.brow_twitface{
	color:#666;
	float:left;
	height:20px;
	margin-left:5px;
	text-align:center;
	color:#999;
	}

	.brow_left ul li .brow_twit, .brow_left ul li .brow_face, .brow_left ul li .brow_twitface{
	display:none;
	}
	
	.brow_left ul li:hover .brow_twit, .brow_left ul li:hover .brow_face, .brow_left ul li:hover .brow_twitface{
	display:block;
	}
	
#footer{
border-top:1px dotted #CCCCCC;
margin-top:25px;
padding:10px 0;
text-align:center;
}



.view_bayt{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow:0 0 15px #ccc;
-webkit-box-shadow:0 0 15px #ccc;
box-shadow:0 0 15px #ccc;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
margin:0 auto;
padding:40px;
width:600px;
}
	.view_sadr{
	float:right;
	font:32px "Traditional Arabic","Al-Bayan",Arial,Sans-Serif;
	text-align:right;
	}
	.view_ajz{
	float:left;
	font:32px "Traditional Arabic","Al-Bayan",Arial,Sans-Serif;
	text-align:left;
	}
	.view_bahr{
	clear:both;
	padding-top:20px;
	text-align:center;
	color:#339933;
	font-family:"Traditional Arabic","Al-Bayan",Arial,Sans-Serif;
	font-size:24px;
	}
	
	.view_back1 {
	background:url("img/view_brow.png") no-repeat scroll right center transparent;
	margin-bottom:5px;
	padding-right:23px;
	clear:both;
	}
	.view_back2 {
	background:url("img/view_refresh.png") no-repeat scroll right center transparent;
	margin-bottom:5px;
	padding-right:23px;
	}