/*<!-- phppp (D.J.): http://xoopsforge.com; http://xoops.org.cn -->*/
.article-breadcrumbs {padding: 5px;font-size: 120%;font-weight: bold;}
.article-header-image{float: left;text-align: center;font-size: small; /* caption */margin: 0px 10px 10px 0px;}
.article-header-image img{border: solid 2px #ddd;}
.article-spotlight .article-header-image img{width: 100px;}
.article-meta {font-size: 100%;padding: 2px 0;}
.article-title {font-weight: bolder;padding: 2px 0;font-size: larger;}
.article-section {padding:	7px;clear: both;margin: 7px;}
.article-section-container {float: left;padding-left: 3px;}
.article-section-title {float: left;margin-left: 2px;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;/*border-top: solid #ddd 1px;border-left: solid #ddd 3px;border-right: solid #ddd 3px;*/}
.article-section-title span.navigation{padding-left:	12px;float: right;text-align:	right;vertical-align: bottom;/*background: 	url(../../images/pointer.gif) no-repeat left;*/}
.article-summary {padding: 2px 0;}
.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: 80px;}
.list-article .article-header-image img{margin: 2px 10px 0px 0px;width: 50px;}
.article-category .category-container div.article-list {line-height: 150%;margin-left: 100px;}
.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: 50px; /* the value must be consistent with the `margin-left` in `.article-feature .article-list .article-title` */}
.article-feature .article-list{padding: 7px 0;}
/*padding-left is important*/
.article-feature .article-list div{padding-left:	15px;}
.article-feature .article-list div.article-title:before{content:	/* url(../../images/pointer.gif) */;}
.article-article .article-section-container ol li {text-align: justify;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: 3px 0;}
.article-header .article-list div{padding: 2px 0;}
span.article-label{font-weight: bold;padding-right: 5px;}
span.article-content{}
.article-body {padding: 2px;}
.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: 2px;margin: 20px 10px;}
.article-copyright span {border-top: 1px solid #888;}
.article-rate .rate-item {padding: 3px 2px;border: 1px solid #aaa;background: #eee;}
.article-rate .rate-item span{padding: 0px 0px;}
.article-rate .rate-item input{margin: 0px 2px;padding:	0;}
.list-article .article-section-container ol li {list-style: decimal outside;text-align: justify;}
/** 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;}
.commentnav{text-align: center; padding: 3px; margin:3px;}
.article-section pagenav{text-align: center;}
.article-sibling{padding: 0px;}