/*
<!-- phppp (D.J.): http://xoopsforge.com; http://xoops.org.cn -->
*/


.article-text{
 font-family:Arabic Transparent;  margin-right:10px; margin-right:0px; 

}

.article-breadcrumbs {
		
	padding:5px; font-size: 120%;
	font-weight: bold; margin-right:10px; 
}

.article-header-image{
    float: right;
    text-align: center;
    font-size: small; /* caption */
    margin: 10px 0px 10px 0px;
}
.article-header-image img{
    border: solid 2px #ddd;
}

.article-spotlight .article-header-image img{
    width:     100px;
}

.article-meta {
    font-size: 100%;
    padding: 5px 0;
	text-align: right;
}

.article-title {
	font-weight: bold;
	padding: 2px 0px;
		direction: rtl;
	text-align: right;
}
.article-title a{direction: rtl;
	 color:#6699FF; font-family:serif; font-size:12pt	
}
.article-section {
	padding:	0px 5px 0px 0px;
	width:		98%;
	clear:		both;
	margin: 	0px 0px 0px 0px;
direction: rtl;
text-align: right;
}

.article-section-container {
text-align: right;
	float:	right;
	padding-right: 5px;
	direction: rtl
}

.article-section-title {
	float:	right;
	margin:	10px 5px;
	border-bottom: solid #ddd 1px;
	clear:	both;
	width: 100%;
	/*الارتفاع في الصفحة الرئيسية*/
	direction: rtl;
	text-align: right;
}

.article-section-title span.subject{
	float:	right;
	text-align:	right;
	font-size: 150%;
	font-weight: bold;
	padding: 2px 10px;
	/*
	border-top: solid #ddd 1px;
	border-left: solid #ddd 3px;
	border-right: solid #ddd 3px;
	*/
	direction: rtl;
	text-align: right;
}

.article-section-title span.navigation{
	padding-left:	12px;
	float: 			left; 
	text-align:		right;
	vertical-align:	bottom;
    /*background:     url(../../images/pointer.gif) no-repeat left;*/
}

.article-summary {
    padding: 5px 0px;
	direction: rtl;
	text-align: right;
}

.article-category-navigation {
	float: left;
	border-bottom: 2px solid #ddd;
	direction: rtl;
}

.article-category-navigation span.subject{
	float: 		left; 
	text-align:	left;
	background:	#eee;
	padding: 	2px 10px;
	font-size:	120%;
	direction: rtl;
}

.article-category-navigation span.navigation{
	float: 			right; 
	text-align:		right;
	font-size:		95%;
	padding-right:	10px;
	direction: rtl;
}

.article-category .category-container {
	text-align:	right;
	margin: 5px 2px;
	direction: rtl;
}

.article-category .category-container .article-header-image img{
	margin: 2px 10px 0px 0px;
	width: 	80px;
	/*حجم الصورة*/
	direction: rtl;
}

.list-article .article-header-image img{
	margin: 10px 2px 0px 0px;
	width: 	50px;
	direction: rtl;
}

.article-category .category-container div.article-list {
	line-height: 150%;
	margin-right: 110px;
direction: rtl;
	
	/*ابعاد المواضيع داخل الاقسام*/
}

.article-category .category-container .article-list ul {
direction: rtl;
    list-style: disc outside;
	text-align: right;
}

.article-category .category-container .article-list li {
direction: rtl;
    list-style: disc ;
	text-align: right;
}


.article-feature .article-header-image img{
    border:     0;
    margin:        0px 10px 0px 0px;
    width:         50px; /* the value must be consistent with the `margin-left` in `.article-feature .article-list .article-title` */
}

.article-feature .article-list{
direction: rtl;
    padding:     10px 0;
}

.article-feature .article-list div{
    padding-left:    15px !important;
	direction: rtl;
}

.article-feature .article-list div.article-title:before{
    content:    /* url(../../images/pointer.gif) */;
	direction: rtl;
}

.article-pages{float: right;
direction: rtl;
}

.article-article .article-section-container ol li {
	text-align: right;
	direction: rtl;
	margin: 10px; list-style-position:outside; 
	list-style-type:disc
}

span.article-subject {
	direction: rtl;
    margin-right: 2px;
    font-weight: bold;
    display: inline;
}

span.article-term{
    margin-right: 10px;
    display: inline;
	direction: rtl;
}

.article-header .article-list{
    padding: 5px 0;
	direction: rtl;
}

.article-header .article-list div{
    padding: 2px 0;
	direction: rtl;
}

span.article-label{
    font-weight: bold;
    padding-right: 5px;
	direction: rtl;
}

span.article-content{direction: rtl;
}

.article-body {
    padding: 10px;
	direction: rtl;
}

.article-writer{
    text-align: left;
    float: right;
    width: 200px;
    padding: 5px;
    margin: 0px 0px 10px 10px;
    border: medium;
    background: #eee;
	direction: rtl;
}

.article-writer .article-title{
    border-bottom: solid 1px #ddd;
    margin-bottom: 5px;
	direction: rtl;
}

.article-writer .avatar{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
	direction: rtl;
}

.article-subtitle ol li {
    list-style-position:outside; list-style-type:none;
	direction: rtl;
}

.article-sibling span.previous{
	direction: rtl;
    float: left;
}
.article-sibling span.next{
	direction: rtl;
    float: right;
}

span.article-copytext{
direction: rtl;
    padding: 1px 2px;
    font-family: Arial;
    cursor: pointer;
    cursor: hand;
}


.article-copyright {
direction: rtl;
    text-align: right;
    padding: 5px;
    margin: 20px 10px;
}

.article-copyright span {direction: rtl;
    border-top: 1px solid #888;
}


.article-rate .rate-item {
direction: rtl;
    padding: 5px 2px;
    border: 1px solid #aaa;
    background: #eee;
}

.article-rate .rate-item span{
direction: rtl;
    padding: 0px 5px;
}

.article-rate .rate-item input{
direction: rtl;
    margin: 0px 2px;
    padding:    0;
}


.list-article .article-section-container ol li {
direction: rtl;
    list-style: decimal outside;
    margin: 10px;
}

/*
 * From http://www.positioniseverything.net/easyclearing.html
 */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

span.article-button{
    border: 1px solid #999;
    display: inline;
    text-align: left;
    padding: 2px;
    background: #eee;
}

span.article-button a{
    color: #666;
}

span.article-button a:hover{
    color: #000;
}

/* For keywords highlightening */
span.article-highlight{
    color: red;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #000;
}