/*

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

*/





.article-breadcrumbs {

	padding: 5px;

	font-size: 120%;

	font-weight: bold;

}



.article-header-image{

	float: right;

	text-align: center;

	font-size: small; 

	margin: 0px 10px 5px 5px;

}



.article-header-image img{

	border: solid 1px #000;

	width: 150px;

}



.article-spotlight .article-header-image img{

	width: 	100px;

}



.article-meta {

	font-size: 100%;

	padding: 5px 0;

}



.article-title {

	font-weight: bold;

	padding: 2px 0;

}



.article-section {

	padding:	5px 20px 5px 5px;

	width:		98%;

	clear:		both;

	margin: 	5px 20px 5px 5px;

}



.article-section-container {

	float:	left;

	padding: 5px;

}



.article-section-title {

	float:	left;

	margin:	10px 5px;

	border-bottom: solid #ddd 1px;

	clear:	both;

	width: 100%;

}



.article-section-title span.subject{

	float:	left;

	text-align:	left;

	font-size: 150%;

	font-weight: bold;

	padding: 2px 10px;


}



.article-section-title span.navigation{

	padding-left:	12px;

	float: 			right; 

	text-align:		right;

	vertical-align:	bottom;

}



.article-summary {

	padding: 5px 15px 0px 0px;

}



.article-category-navigation {

	float: left;

	border-bottom: 2px solid #ddd;

}



.article-category-navigation span.subject{

	float: 		left; 

	text-align:	left;

	background:	#eee;

	padding: 	2px 10px;

	font-size:	120%;

}



.article-category-navigation span.navigation{

	float: 			right; 

	text-align:		right;

	font-size:		95%;

	padding-right:	10px;

}



.article-category .category-container {

	float: left;

	margin: 5px 2px;

}



.article-category .category-container .article-header-image img{

	margin: 2px 10px 0px 0px;

	width: 	100px;

}



.list-article .article-header-image img{

	margin: 2px 10px 0px 0px;

	width: 	100px;

}



.article-category .category-container div.article-list {

	line-height: 150%;

	margin-right: 15px;

}



.article-category .category-container .article-list ul {

	list-style: disc outside;

}



.article-category .category-container .article-list li {

	list-style: disc outside;

}





.article-feature .article-header-image img{

	border: 	0;

	margin:		0px 10px 0px 0px;

	width: 		100px; 

}



.article-feature .article-list{

	padding: 	10px 0;

}



.article-feature .article-list div{

	/* padding-left:	15px !important; */

}



.article-feature .article-list div.article-title:before{

	content:	/* url(../../images/pointer.gif)*/ ;

}





.article-article .article-section-container ol li {

	list-style: decimal outside;

	margin: 10px;

}



span.article-subject {

	margin-right: 2px;

	font-weight: bold;

	display: inline;

}



span.article-term{

	margin-right: 10px;

	display: inline;

}



.article-header .article-list{

	padding: 5px 10px 0px 0px;

}



.article-header .article-list div{

	padding: 2px 0;

}



span.article-label{

	font-weight: bold;

	padding-right: 5px;

}



span.article-content{

}


/*
.article-body {

	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;

} */



.article-writer{

	text-align: left;

	float: right;

	width: 200px;

	padding: 5px;

	margin: 0px 0px 10px 10px;

	border: medium;

	background: #eee;

}



.article-writer .article-title{

	border-bottom: solid 1px #ddd;

	margin-bottom: 5px;

}



.article-writer .avatar{

	float: left;

	margin-right: 5px;

	margin-bottom: 5px;

}



.article-subtitle ol li {

	list-style: decimal outside;

}



.article-sibling span.previous{

	float: left;

}

.article-sibling span.next{

	float: right;

}



span.article-copytext{

	padding: 1px 2px;

	font-family: Arial;

	cursor: pointer;

	cursor: hand;

}





.article-copyright {

	text-align: right;

	padding: 5px;

	margin: 20px 10px;

}



.article-copyright span {

	border-top: 1px solid #888;

}





.article-rate .rate-item {

	padding: 5px 2px;

	border: 1px solid #aaa;

	background: #eee;

}



.article-rate .rate-item span{

	padding: 0px 5px;

}



.article-rate .rate-item input{

	margin: 0px 2px;

	padding:	0;

}





.list-article .article-section-container ol li {

	list-style: decimal outside;

	margin: 10px;

}

.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;

}



.imagecaption{

	font-size:10px;

}