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

.article-breadcrumbs {
	padding: 2px;
	font-weight: bold;
	background-color: #dee3e7;
	text-align: left; 
	color: #000000;
}

.article-category-image{
	float: left;
    width: 100px;
	height: 180px;
	text-align: center;
	margin: 0px 10px 10px 6px;
}

.article-header-image{
	float: left;
    width: 100px;
	height: 90px;
	text-align: center;
	margin: 0px 10px 10px 6px;
}

.article-header-image img{
	border: solid 2px #ddd;
}


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

div.article-toptitle {float:left; word-break:break-all; }
div.article-title {font-size: 22px; text-align: left; padding: 6px 0px 15px 10px;}
div.article-title-list {text-align: left;}

.article-section {padding:2px; clear:both; margin:2px;}

.article-section-container {
	text-align: left;
	padding-left: 3px;
	margin-left: 6px;
}

.article-section-title {float:left; margin:2px 2px; border-bottom: solid #ddd 1px; text-align:left;	font-weight: bold;	padding: 2px 2px; padding-left:	12px; vertical-align: bottom; width:97%;}


span.subject{float:	left; text-align:left; padding: 2px 0px;}

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

.article-summary {
	padding: 5px 0;
}

div.article-text{
	text-align: left;
	font-size:	11px;
}

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

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

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

.article-category .category-container {
	text-align:	left;
	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 3px 0px 0px;
	width: 	50px;
}

.article-category .category-container div.article-list {
	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: 	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: 0px;
}

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

span.article-term{
	color: #639ACE;
	margin-right: 10px;
	display: inline;
}

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

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

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

span.article-content{
}

.article-body {
    width:98%;
	padding: 10px;
}

.article-writer{
	text-align: left;
	float: right;
	width: 270px;
	padding: 0px;
	margin: 10px 5px 5px 0px;
	border: medium;
	background: #eee;
	color: #000000;
	word-break:break-all;
	overflow:auto;
	border: 1px solid #666666;
}



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

/*
 * 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 */

input.article-button {height: 18px;}

span.article_author a {COLOR: #ffffff; }
span.article-button{
	border: 1px solid #999;
	display: inline;
	text-align: left;
	padding: 2px;
	height: 18px;
}

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

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




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

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


div.article-breadcrumbs-header {text-align:left; background-color: #dee3e7;}
div.article-func-button {text-align:left;}

span.page-navigation{text-align: left;	padding: 2px;}
span.page-navigation a{color: #ff6600;}
span.page-navigation a:hover{color: #eee;}