/*
Copyright (c) 2009, Majles Al Qadaa. All rights reserved.
Designed to: Smartinfo.com.sa
Designed by: Reda Banjar <reda@redabanjar.com>
*/

/* DEFAULT */

html { background: #c8c8c8 url('../../images/bg.png') repeat-x fixed; }
body { direction: rtl; margin: 20px 0 20px 0; padding: 0; }
a { text-decoration: none; }

div#doc2 { background: url('../../images/black-25.png'); padding: 9px 0 9px 0; }

/* HEADER */

div#hd.header { background: url('../../images/header.png') top center no-repeat; border: 1px solid #323232; border-bottom: 0; margin: 0 9px 0 9px; text-align: right; }

div#header { height: 180px; }

div#logo { float: right; height: 165px; margin: 5px 25px 0 0; width: 190px; }
div#logo img { height: 165px; width: 190px; }

div#links { background: url('../../images/links.png') right no-repeat; color: #91be50; float: left; font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; height: 20px; padding: 3px 20px 2px 15px; }
div#links a { color: #fff; }
div#links a:hover { color: #ffff00; }

div#search { clear: left; float: left; margin: 75px 0 0 15px; }
input#search-field { background: url('../../images/search.png') right no-repeat; border: 0; color: #235a0a; font-family: Arial; font-size: 123.1%; font-weight: bold; height: 20px; padding: 10px 20px 10px 15px; width: 215px; }
input#search-button { background: url('../../images/search.png') left no-repeat; border: 0; color: #235a0a; font-family: Arial; font-size: 123.1%; font-weight: bold; height: 40px; width: 80px; }
p#search-options { color: #fff; float: right; font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; margin: 5px 3px 0 0; text-align: center; }

html>/**/body input#search-field, x:-moz-any-link, x:default { float: right; }

div#navigation { background: #fff url('../../images/navigation.png') repeat-x; border-bottom: 1px solid #afafaf; font-family: Arial; font-size: 123.1%; font-weight: bold; height: 40px;}
div#navigation ul { list-style-type: none; }
div#navigation ul#main-nav { padding: 10px 0 0 0; margin:0;}
div#navigation ul li.nav { border-left: 1px dotted #afafaf; float: right; height: 20px; padding: 2px 15px 0 15px; position: relative; }
div#navigation ul li.nav a.main-nav-link { display: block; color: #235a0a; padding: 0 10px 0 10px; }
div#navigation ul li.nav:hover a.main-nav-link { color: #646464; }
div#navigation ul li.last-nav { border: 0; }
div#navigation ul li.menu-nav:hover { padding: 0 15px 0 15px; }
div#navigation ul li.menu-nav:hover a.main-nav-link { background: #fff; border: 1px solid #afafaf; border-bottom: 0; padding: 5px 9px 6px 9px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
div#navigation ul li.menu-nav ul { display: none; }
div#navigation ul li.menu-nav:hover ul { display: block; position: absolute; }
div#navigation ul.sub-nav-1 { background: #fff url('../../images/nav-bg.png') bottom repeat-x; border: 1px solid #afafaf; border-top: 0; color: #91be50; margin: 0 1px 0 0; padding: 5px 0 10px 0; width: 250px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
div#navigation ul.sub-nav-2 { background: #fff url('../../images/nav-bg.png') bottom repeat-x; border: 1px solid #afafaf; border-top: 0; color: #91be50; margin: 0 1px 0 0; padding: 5px 0 10px 0; width: 125px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }

html>/**/body div#navigation ul.sub-nav-1, x:-moz-any-link, x:default { margin: -1px 0 0 -1px; }
html>/**/body div#navigation ul.sub-nav-2, x:-moz-any-link, x:default { margin: -1px 0 0 -1px; }

div#navigation ul li.menu-nav ul li.sub-nav { float: right; width: 115px; padding: 5px 5px 0 5px; }
div#navigation ul li.menu-nav ul li.sub-nav a.sub-nav-link { color: #646464; }
div#navigation ul li.menu-nav ul li.sub-nav:hover a.sub-nav-link { color: #235a0a; }

div#breadcrumb { background: #fff; color: #91be50; font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; padding: 0px 2px 10px 0px; }
div#breadcrumb a { color: #646464; }
div#breadcrumb a:hover { color: #235a0a; }

/* BODY */

div#bd.body { background: #fff; border-left: 1px solid #323232; border-right: 1px solid #323232; margin: 0 9px 0 9px; padding: 15px; text-align: right; }

/* --> SIDEBAR */

/* AMEEN : 20090824-02:55am : START : I added this from home  */
.box-content p { margin:5px 0 10px 0; font-size:16px; xxline-height:140%;}
.box-content ul, 
.box-content li, 
.box-content ol
 { font-size:16px; xxline-height:140%;}
/* AMEEN : 20090824-02:55am : END  */

.content_attach{clear:both;text-align:right;margin:0 0 20px 0;}
.content_attach a{text-decoration:none;}
.content_attach .ca_file{clear:right;padding:0;margin:0;border-bottom:1px solid #F1F1F1;}
.content_attach .ca_file:hover{background:#E3EFFF;}

.content_attach .ca_head{background:#e2e2e2;line-height:1.5;padding:0 10px;}
.content_attach .ca_head *{padding:0;margin:0;}
.content_attach .ca_file .caf_icon{line-height:1.6em;float:right;width:20px;vertical-align:middle;}
.content_attach .ca_file .caf_name{line-height:1.6em;float:right;width:75%;white-space:nowrap;overflow-x:hidden;}
.content_attach .ca_file .caf_size{line-height:1.6em;float:right;width:20%;}

.content_attach .ca_file .caf_icon img{vertical-align:text-top;}

.content_attach .ca_file .caf_play{text-align:center;}
.content_attach .ca_file .caf_play img{border:1px solid #282828;}



div.sidebox-title { background: #235a0a url('../../images/box.png') repeat-x; color: #91be50; font-family: Arial; font-size: 123.1%; font-weight: bold; height: 20px; padding: 5px 15px 5px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.sidebox-title a { color: #fff; }
div.sidebox-content { border: 1px solid #c8c8c8; color: #323232; line-height: 16px; margin: 5px 0 15px 0; padding: 10px 15px 10px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
p.sidebox-article-title { font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; font-weight: bold; }
p.sidebox-article-title a { color: #646464; }
p.sidebox-article-title a:hover { color: #235a0a; }
p.sidebox-article-content { font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; line-height: 12px; text-align: right; margin: 5px 0 0 0; }
p.sidebox-article-content img.article-photo-right { float: right; margin: 5px 0 0 10px; }
p.sidebox-article-content img.article-photo-left { float: left; margin: 5px 10px 0 0; }
p.sidebox-article-more { font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; font-weight: bold; color: #91be50; text-align: left; clear:both; }
p.sidebox-article-more a { color: #235a0a; }
p.sidebox-article-more a:hover { color: #646464; }
p.sidebox-content { font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; line-height: 16px; text-align: right; }
div.sidebox-content input { font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; margin: 3px 0 3px 0; padding: 5px 10px 5px 10px; }

/* --> CONTENT */

div.box-content { background: url('../../images/box-bg.png') top repeat-x; border: 1px solid #c8c8c8; color: #323232; margin: 0 0 15px 0; padding: 10px 15px 10px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div.box-content table { border-style:solid; border-collapse:collapse;}
p.box-options { float: left; font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; padding: 5px 10px 0 0; text-align: left; width: 110px; }
p.box-title { color: #235a0a; font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 18px; margin: 0 0 10px 0; }
p.box-title a { color: #235a0a;}
p.box-article-title { font-family: Arial; font-size: 123.1%; font-weight: bold; }
p.box-article-title a { color: #235a0a; }
p.box-article-title a:hover { color: #646464; }
p.box-article-info { color: #91be50; font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; }
p.box-article-info a { color: #91be50; }
p.box-article-info a:hover { font-weight: bold; }
p.box-article-content-1 { font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; line-height: 16px; text-align: right; margin: 10px 0 0 0; line-height:1.3em}
p.box-article-content-2 { font-family: Arial; font-size: 123.1%; font-weight: bold; line-height: 19px; text-align: right; margin: 10px 0 0 0; }
p.box-article-content-1 img.article-photo-right { float: right; margin: 5px 0 0 10px; }
p.box-article-content-1 img.article-photo-left { float: left; margin: 5px 10px 0 0; }
p.box-article-content-2 img.article-photo-right { float: right; margin: 5px 0 0 10px; }
p.box-article-content-2 img.article-photo-left { float: left; margin: 5px 10px 0 0; }
p.box-article-more { font-family: Arial; font-size: 123.1%; font-weight: bold; color: #91be50; text-align: left; clear:both; }
p.box-article-more a { color: #235a0a; }
p.box-article-more a:hover { color: #646464; }
p.box-comment-info { background: #235a0a url('../../images/icon-user.png') right no-repeat; color: #fff; padding: 5px 35px 5px 10px; } 
p.box-comment-info span.comment-user { font-family: Arial; font-size: 123.1%; font-weight: bold; }
p.box-comment-info span.comment-date { float: left; font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; }
p.box-comment { font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; line-height: 16px; text-align: right; margin: 5px 0 10px 0; }

table#add-comment { font-family: Arial; font-size: 123.1%; font-weight: bold; }
table#add-comment input { font-weight: bold; margin: 3px 10px 3px 0; }
table#add-comment textarea { font-weight: bold; margin: 5px 10px 5px 0; width: 100%; }

.add_comments_msg{color:green;text-align:center;padding:10px;}
.add_comments_error{color:#AD3638;text-align:center;padding:10px;}
.req{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:16px;}


hr.line { background: #c8c8c8; border: 0; height: 1px; }
a.article { background: url('../../images/icon-article.png') right no-repeat; padding: 0 25px 0 25px; }

/* FOOTER */

div#ft.footer { background: #4b4b4b url('../../images/footer.png') repeat-x;; border: 1px solid #323232; border-top: 0; color: #c8c8c8; margin: 0 9px 0 9px; padding: 15px 20px 15px 20px; text-align: right; }
div#ft.footer div.footer-links { float: right; width: 33.3%; }
div#ft.footer div.footer-links p { color: #ffff00; font-family: Arial; font-size: 123.1%; font-weight: bold; }
div#ft.footer div.footer-links p a { color: #ffff00; font:inherit;}
div#ft.footer div.footer-links p a:hover { text-decoration:underline;}

div#ft.footer ul { font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; list-style-type: none; padding-right:20px;}
div#ft.footer li { border-right: 3px solid #646464; margin: 2px 0 0 0; padding: 0 7px 1px 0;}
div#ft.footer li a { display: block; color: #fff; }
div#ft.footer li:hover { border-right: 3px solid #ffff00; }
div#ft.footer li:hover a { color: #ffff80; }
div#footer-copyrights ul { margin: 0 0px 0 0; }
div#footer-copyrights p.ft_misc { color: #ffff00; font-family: Arial; font-size: 123.1%; font-weight: bold; }
div#footer-copyrights p { font-family: "Arabic Transparent","Simplified Arabic",arial,verdana,sans-serif; font-size: 16px; margin: 0 0px 0 0; }
div#footer-copyrights img { float: left; xxheight: 105px; xxwidth: 110px; }



	.subcat_audio{padding:10px;}
	.subcat_audio .sca_title{float:right;width:70%;font-weight:normal;font-family:Arial, Helvetica, sans-serif;font-size:18px;}
	.subcat_audio .sca_title a{text-decoration:none;color:#646464;}
	.subcat_audio .sca_title a:hover{color:#000;}
	.subcat_audio .sca_img{float:right;margin:0 0 5px 10px;}
	.subcat_audio .sca_info{color:#646464;margin:0 45px 0 0;}

/*------------article option-------*/

.article_options{float:left;width:30%;text-align:left;}

.send, 
.print{display:inline-block;height:20px;width:20px; text-align:center;}

.send img, 
.print img { margin:0 auto;}

.send a , 
.print a{display:inline-block;height:20px;width:20px;text-decoration:none;}

/*.print a{xxbackground:url(../../images/print.png) no-repeat 50% 50%;}
.save a{xxbackground:url(../../images/save.png) no-repeat 50% 50%;}
.send a{xxbackground:url(../../images/send.png) no-repeat 50% 50%;}
*/

.article_rating{display:block;height:22px;padding:0;margin:0 10px 0 0;clear:left;}
.star{background:url(../../images/star.gif) no-repeat 50% 50%;height:20px;width:14px;display:inline-block;padding:0;}
.star a{height:20px;width:14px;display:inline-block;text-decoration:none;}
.star:hover, 
.lighted{background:url(../../images/star_lighted.gif) no-repeat 50% 50%;}

.print:hover , 
.save:hover , 
.send:hover 
	{
	background:#fff;
/*	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity:0.2;
	opacity:0.2;*/
	}



	.pageing{text-align:right;padding:3px;font-weight:bold;color:#879057;display:block;margin:5px 0;clear:both;}
	.pageing a{text-decoration:none;color:#3E750C;}

	.pageing .p_r{padding:0;margin:0;display:inline-block;}
	.pageing .p_l{padding:0;margin:0;display:inline-block;}
	.pageing .p_m{padding:2px 4px;margin:0;display:inline-block;border:1px solid #C6C6C6;}

	.p_norm ,.p_act ,.p_hover{}
	.p_norm .p_r{}
	.p_norm .p_l{}
	.p_norm .p_m{background:#F1F1F1;color:#3E750C}
	
	.p_norm:hover .p_r{}
	.p_norm:hover .p_l{}
	.p_norm:hover .p_m{background:#3E750C;}
	.p_norm:hover .p_m a{color:#FFFFFF}
	
	.p_hover .p_r{}
	.p_hover .p_l{}
	.p_hover .p_m{background:#fff;}
	
	.p_act .p_r{}
	.p_act .p_l{}
	.p_act .p_m{background:#3E750C;color:#fff}

	.p_act a{text-decoration:none;color:#fff;}

	.swapping_titles
		{
		clear:both; font-weight:bold; font-size:16px;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		border:1px solid #C8C8C8;
		color:#323232;
		line-height:16px;
		margin:5px 0 15px;
		padding:5px 15px;
		}

	.swapping_titles a { color: #646464; display:inline-block;}
	.swapping_titles a:hover { color: #235a0a; }

	li.special_email { float:left; padding:0 0 0 10px; !important}
	
	
	.subcat_audio{padding:10px;}
	.subcat_audio .sca_title{float:right;width:70%;font-weight:normal;font-family:Arial, Helvetica, sans-serif;font-size:18px;}
	.subcat_audio .sca_title a{text-decoration:none;xxcolor:#fff;}
	.subcat_audio .sca_title a:hover{xxcolor:#000;}
	.subcat_audio .sca_img{float:right;margin:0 0 5px 10px;}
	.subcat_audio .sca_info{color:#fff;margin:0 45px 0 0;}


	.one_collection{
		background:url(../../images/box-bg.png) repeat-x;
		margin:0 0 10px 0;clear:both;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;
		-moz-border-radius-topleft:5px;
		-moz-border-radius-topright:5px;
		border:1px solid #C8C8C8;
	}
	
	.image_thumb{clear:both;padding:10px 0 10px 0;margin:0;}
	.image_thumb .thumb{float:right;width:33.30%;text-align:center;margin:0 0 20px 0;}
	.image_thumb .thumb .img{display:inline-block;margin:0 auto 5px auto;overflow-y:hidden;}
	.image_thumb .thumb .img img{xxheight:100px;border:1px solid #e8e8e8;padding:0px; padding:1px; width:90%}
	.image_thumb .thumb .title{clear:both;font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:16px;}
	.image_thumb .thumb .title a{text-decoration:none;color:#000;}
	.image_thumb .thumb .title a:hover{text-decoration:none;color:#7D0000;}
	.image_thumb .thumb .info{color:#999999;font-size:10px;}

	.c { clear:both; height:0px; overflow:hidden; font-size:0px;}
	.d { clear:both; height:10px; overflow:hidden; font-size:0px;}
	
	.gallery_navigator{border-bottom:1px solid #C2C2C2;padding:5px 10px;margin:10px 0 0 0;}
	.gallery_navigator a{text-decoration:none;color:#0288C7; font-weight:bold; font-size:14px;}
	.gallery_navigator a:hover{color:#003D7A}


	.article_titles{width:70%;clear:right;}
	
	
	.article_titles h1 {padding:0px;margin:5px 0 0 0;font-size:16px;color:#717979;clear:right; font-weight:bold;}
	.article_titles h1 a{color:#717979;text-decoration:none; font:inherit;}
	.article_titles h2{padding:0px;margin:5px 0;font-size:26px;color:#000000;}
	.article_titles h3{padding:0px;margin:5px 0;font-size:18px;color:#7d0000;}
	.article_titles small{padding:0px;margin:5px 0;color:#666666;clear:right;}
	
	.article_img{text-align:center;padding:5px 0px;clear:both;width:100%;overflow:hidden;}
	.article_img img{max-width:90%;border:1px solid #c8c8c8}

	.images_insame_cat{clear:both;padding:0;margin:0;}
	.images_insame_cat .iic_img{padding:0;margin:0;float:right;width:12.5%;overflow:hidden;text-align:center}
	.images_insame_cat .iic_img .iici_img{width:85%;max-height:54px;overflow:hidden;padding:1px;border:1px solid #c0c0c0;margin:0 auto;}
	.images_insame_cat .iic_img .iici_img.current{
		filter:alpha(opacity=30);
		-moz-opacity:0.3;
		-khtml-opacity:0.3;
		opacity:0.3;
		}
	.images_insame_cat .iic_img .iici_img img{width:100%}


.tags_list {
	border:1px solid #C8C8C8;
	clear:both;
	line-height:23px;
}

.tags_list label, .tags_list label a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#235A0A url(../../images/box.png) repeat-x scroll 0 0;
	color:#FFFFFF;
	display:inline-block;
	font-weight:normal;
	line-height:24px;
	height:25px;
	padding:0 10px;
	font-family:Arial;
	font-size:123.1%;
	font-weight:bold;
}

.tags_list span {
display:inline-block;
margin:0;
padding:0;
}

.category_wrapper{clear:right;border:#c2c2c2 1px solid;background:#F6F6F6;padding:10px;margin:8px 0 0 0;}
ul.full_tags_list{padding:0;margin:0;}
ul.full_tags_list li{padding:0;list-style-position:inside;width:50%;float:right;list-style-type:none;border-bottom:1px solid #e3e3e3;}
ul.full_tags_list li:hover{background:#FFFFFF;}
ul.full_tags_list li a{text-decoration:none;padding:0 10px;display:inline-block;line-height:30px;}
ul.full_tags_list li span{float:left;padding:0 0 0 10px;line-height:30px;}