body {
	text-align: center;
	margin: 50px auto;
	direction: rtl;
	background: #C1E3EB url('images/bg.jpg') top fixed repeat-x;
}

p{
	display:inline;	
}

/*     */
#main_site{
   /*border: 5px solid #ff0000;*/
    margin: 0 auto;
	width: 777px;
	height: 100%;
	background-image: url('images/page_background.png');
}

/*   الديف الخاص بشريط النافجيشن  */
#nav{
	/*border: 1px solid #ff0080;*/
	text-align: right;
	display: none;
	width: 777px;
	height: 42px;
	opacity: 0.7;
	filter: alpha(opacity=100);
	background-color: #fff;
	
	background-image: url('images/nav_bar.jpg');
}
/*   الديف الخاص نموذج تسجيل الدخول  */
#login_form{
	/*border: 1px solid #ff0080;*/
	margin: 0 auto;
	color: #000;
	font-weight: bold;
	width: 570px;
	height: 30px;
	position: relative;
	left: 90px;
	top: 7px;
}
/*   التحكم فى حقل أسم العضو وكلمة المرور  */
#login_form input[name="UserName"],#nav #login_form input[name="password"]{
	border: 1px solid #713575;	
}
/*   التحكم فى حقل أسم العضو وكلمة المرور عند التركيز على الحقول  */
#login_form input[name="UserName"]:focus,#nav #login_form input[name="password"]:focus{
	border: 1px solid #408080;
	background-color: #d5eaea;
}
/*  التحكم فى زر تسجيل الدخول  */
#login_form input[type="submit"]{
	border: 1px solid #408080;
}
/* التحكم فى زر تسجيل الدخول عند مرور الماوس فوق الزر  */
#login_form input[type="submit"]:hover{
	border: 1px solid #408080;
	background-color: #c2e0e0;
}

#login_form a{
	color:#000;
	text-decoration: none;
}
#login_form a:hover{
	color:#408080;
}
#show_LoginForm{
	position: relative;
	left: 365px;
	top: 5px;
}	

/*   الديف الخاص بالهيدر  */
#header{
	/*border: 1px solid #004080;*/
	width: 777px;
	height: 150px;
	background-image: url('images/header.jpg');
}
/*  صورة أسم الموقع */
#header img{
	position: relative;
	left: 190px;
	bottom: 10px;
}

/*     */
#middle_part{
	/*border: 1px solid #ff8040;*/
	width: 775px;
	height: 100%;
}
/*   البلوك الايمن  */
#right_side{
	/*border: 1px solid #ff8040;*/
	width: 160px;
    height: 100%;
	float: right;
}

/*   خلفية عنوان البلوك */
.block_titile{
	width: 133px;
	height: 37px;
	background-image: url('images/block_title.png');
}

/*   عنوان البلوك */
.block_titile span{
	position: relative;
	top: 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;	
	color: #2c5865;
}
/*  خلفية البلوكات */
.block_background{
	background-color: #CFF2F7;
	/*background: url('images/block_background.png') repeat-y;*/
	width: 133px;
}

/*   القائمة الرئيسية الموجودة فى البلوك الايمن */

#menu ul{
	margin: 0;
	padding:0;
	list-style-type: none;
}
#menu li{
	margin: 0 0 2px 0;
}
#menu li a{
	border: 1px solid #74B1C2;
	display: block;
	padding: 10px 1px;
	width: 129px;
	height: 17px;
	text-decoration: none;
	font-weight: bold;
	color: #2c5865;
	background-image: url('images/block_botton_dark.png')
}
#menu li a:hover{
	color: #000; 
	background-image: url('images/block_botton_light.png')
}
.block_footer{
	position: relative;
	bottom: 2px;
	width: 133px;
	height: 37px;
	background-image: url('images/block_footer.png');
}

/*   الديف الذى يوجد فية محتويات الموقع  */
#center_side{
	/*border: 1px solid #ff8000;*/
	width: 605px;
    height: 100%;
	float: right;
}

.banner{
	margin: 10px auto;
}
.banner img{
	border: 0;
	opacity: 0.8;
}
.banner:hover img{
	opacity: 1.0;
}

/*   الديف الذى يوجد فية slideshow  */
#slideshow{
	border: 0px solid #fff;
	width: 610px;
	height: 312px;
	margin: 10px auto;
	background: url('images/slideshow_background.png');
}
#slideshow img{
	border: 1px solid #fff;
	position: relative;
	top: 11px;
	
}
/*   الجدول الخاص بالصور الجديدة فى الصفحة الرئيسية  */
#new_pic td{
	/*border: 1px solid #ff0000;*/
	width: 133px;
	height: 114px;
	background-image: url('images/image_background.png');
}
.pics img{
	margin: 2px 6px -2px 5px;
	border: 1px solid #fff;
}
.pics img:hover{
	border: 1px solid #ff0000;
	opacity: 0.7;
	filter: alpha(opacity=100) wave(add=1,freq=1,light=0,phase=0,intensity=20);
}

/*   الجدول الخاص بالصور العشوائية فى الصفحة الرئيسية  */
#random_pic td{
	/*border: 1px solid #ff0000;*/
	width: 133px;
	height: 114px;
	background-image: url('images/image_background.png');
}

/*   الجدول الخاص بأكثر الصور مشاهدة فى الصفحة الرئيسية  */
#popular_pic td{
	/*border: 1px solid #ff0000;*/
	width: 133px;
	height: 114px;
	background-image: url('images/image_background.png');	
}
.groupPic_Title{
	width: 540px;
	height: 30px;
	background-image: url('images/background_titles.jpg');
}
.groupPic_Title p{
	position: relative;
	top: 5px;
	font-weight: bold;
	font-size: 18px;
	color: #2c5865;
}
.groupPic_Title a{
	color: #800080;
	text-decoration: none;
}
.groupPic_Title a:hover{
	color: #590059;
	text-decoration: none;
}

/*   الجدول الخاص بالصور النصية الموودة أسفل الصفحة الرئيسية  */
#text_pic{
	border-top: 1px solid #000;
	float: right;
	width: 775px;
	height: 200px;
	background-color: #bbe4ea;
	/*background-image: url('images/text_pics.png');*/
}
.text td a{
	border-bottom: 1px solid #74B1C2;
	display: block;
	margin: 0 5px;
	padding: 7px;
	width: 120px;
	height: 19px;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #2c5865;
}
.text td a:hover{
	color: #000000;
	background-color: #ffffff;
	opacity: 0.5;
	filter: alpha(opacity=50);	
}
/*   الديف الخاص ببلوك التاج  */
#tags a{
	color: #2c5865;
	font-weight: bold;
	font-size: 13px;
}
#tags a:hover{
	color: #ffffff;
	background-color: #38a5b4;
}

/*   الديف الخاص ببلوك المتواجدون الان  */
#online{
	font-weight: bold;
	padding: 10px 0 10px 0;
	font-family: "Courier New", monospace,Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*   الديف الخاص بعرض الاقسام الفرعية  */
#sebsec_title{
	border-bottom: 1px solid #ddd;
	background-color: #e10071;
}
#subsection table{
	font-weight: bold;
	color: #fff;
}
#subsection td{
	text-align: center;
	padding:3px 3px 0 0;
}
#subsection td a{
	border: 1px solid #808080;
	display: block;
	text-decoration: none;
    padding: 5px 2px;
	width: 128px;
    color: #000;
	background-color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#subsection td a:hover{
	color: #000000;
	background-color: #ffffff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	border: 1px solid #000;
}

/*   الديف الخاص بعرض الصور الخاصة بكل قسم رئيسى وفرعى  */
.section_img{
	width: 123px;
	height: 114px;
	background-image: url('images/image_background.png');
}
.section_img_name{
	text-align: center;
	background-color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
/*   الديف الخاص بعرض أسماء تسلسل الاقسام */	
.section_name{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	width: 250px;
	height: 19px;
	background-image:url('images/bar.gif');
	background-position:bottom;
}
.section_name a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;	
}
.section_name a:hover{
	color: #c0c0c0;
}
/*   الديف الخاص بعرض التى تم أختيارها فى صفحة عرض الصورة المختارة */	
#showpic{
	border: 1px solid #000;
	width: 570px;
	height: 435px;
	background-image: url('images/text_pics.png');
}
#showpic a img {
	border: 1px solid #fff;
	position: relative;
	top: 10px;
}
#showpic a:hover img{
	border: 1px solid #ff0000;
}

/*   الديف الخاص بعرض بيانات الصورة فى صفحة عرض الصورة */	
#Pic_details table{
	text-align: center;
	width: 540px;
	color: #000;
	font-weight: bold;
	background-color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#Pic_details td{
	border: 1px solid #74B1C2;
}

#download_pic{
	font-weight: bold;
	margin: 0;
	padding:0;
	list-style-type: none;
}

/*   الزر الخاص بتحميل الصورة */	
#download_pic li{
	margin: 0 0 2px 0;
}
#download_pic li a{
	border: 1px solid #fff;
	display: block;
	padding: 5px 1px;
	width: 100px;
	height: 17px;
	text-decoration: none;
	font-weight: bold;
	color: #fff; 
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#download_pic li a:hover{
	border: 1px solid #000;
	color: #000; 
	background-color: #fff;
}

/*   الديف الخاص بنموذج إضافة تعليق جديد */	
#add_comment{
	width: 540px;
	color: #000;
	font-weight: bold;	
	background-color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/*   الديف الخاص بعرض التعليقات */	
.show_comment{
}
.comment{
	text-align: right;
	width: 545px;
}
.comm_img{
	width: 42px;
	background: url('images/comment_img.jpg') no-repeat;
}
.nam_time{
	width: 493px;
	padding: 3px;
	font-weight: bold;
	background-color: #fff;
	float: right;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.comm_name{
	float: right;
}
.comm_content{
	padding: 3px;
	background-color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.date{
	float: left;
	font-size: 13px;
	color: #808080;
}
.del_comment{
	padding: 3px;
	background-color: #ffffa6;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.del_comment:hover{
	background-color: #ffff00;
}
.del_comment img{
	border: 0;
}

/* صفحة تسجيل عضو جديد - نموذج التسجيل */
.register_form{
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	width: 350px;
	color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #fff;
}
.register_form td{
	border: 1px solid #74B1C2;
	padding: 5px;
}
.register_form input:focus{
	background-color: #ffff9d;
}
.closed_register_message{
	width: 350px;
	padding: 5px;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #000;
}
.closed_register_message a{
	color: #ff0000;
}
/* صفحة تسجيل تسجيل الدخول الاعضاء - نموذج تسجيل الدخول */
.login_form{
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	width: 250px;
	color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #000;
}
.login_form td{
	border: 1px solid #fff;
	padding: 5px;
}
.login_form input:focus{
	background-color: #ffff9d;
}

/* تسجيل خروج الموجود فى شريط الناف بار أعلى الصفحة */
#logout{
	position: relative;
	right: 20px;
	top: 10px;
	width: 400px;
	text-align: right;
	font-weight: bold;
	font-size: 17px;
	color: #ffffff;
}
#logout a{
	font-weight: bold;
	font-size: 17px;
	color: #ffffff;
	text-decoration: none;
}
#logout a:hover{
	font-weight: bold;
	font-size: 17px;
	color: #ff0000;
}

/* الديف الموجود فى الناف بار فى الاعلى والذى يظهر فية رسائل تسجيل الدخول */
#login_result a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#login_result a:hover{
	color: #ffff80;
}

/*   الديف الخاص بالفوتر  */
#footer{
	/*border: 1px solid #004080;*/
	width: 777px;
	height: 50px;
	float: right;
	background-image: url('images/footer.png');
}
#copyright_site{
	font-family: "MS Sans Serif",Geneva, Arial, sans-serif;
	font-size: 14px;
	position: relative;
	top: 5px;
}
.copyright_script{
	text-align: right;
	font-family: "MS Sans Serif",Geneva, Arial, sans-serif;
	font-size: 14px;
	position: relative;
	top: 5px;
}	
.copyright_script a{
	text-decoration: none;
	color: #fff;
}
.copyright_script a:hover{
	color: #fff000;
}





/*  رسائل الخطأ والصواب التى تظهر فى الاسكربت */
.right_message{
	padding: 10px;
	font-weight: bold;
	color: #008200;
}
.wrong_message{
	padding: 10px;
	font-weight: bold;
	color: #ff0000;
}




div.pagination {
		padding: 7px;
		width: 550px;
		text-align:center;
		color:#a0a0a0;
		font-size:80%;
		background-image:url('images/text_pics.png');
	}
	div.pagination a {
		border: 1px solid #909090;
		margin-right:3px;
		padding:2px 10px;
		background-image:url('images/bar.gif');
		background-position:bottom;
		text-decoration: none;
		color: #c0c0c0;
		opacity: 0.7;
		filter: alpha(opacity=50);
	}
	div.pagination a:hover, div.meneame a:active {
		border: 1px solid #f0f0f0;
		background-image:url('images/invbar.gif');
		background-color:#404040;
		color: #ffffff;
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 10px;
		border: 1px solid #ffffff;
		font-weight: bold;
		background-color: #606060;
		color: #ffffff;
	}
	div.pagination span.disabled {
		margin-right:3px;
		padding:2px 10px;
		border: 1px solid #606060;
		color: #808080;
	}