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

#page_header div { margin: 3px; padding: 2px; color: #7e7f7f; background: #ffffff; font-size: 11pt; font-weight: bold !important; }

#page_header a { padding: 3px; color: #7e7f7f;	text-decoration: none; }

#page_header a:hover { padding: 3px; color: #FFFFFF;  background: #7e7f7f;	text-decoration: none; }

#spotlight { padding-bottom: 5px; }

#spotlight .title, #spotlight .title a{ font-size: 14pt; }

#spotlight, #category, #topic, #feature, #article, #api, 
#urlnav, #sponsor, #elink, #trackback, #type,
div.sibling, div.subtitle, div.pages {	margin: 10px 0px; }

#rate {	margin: 10px 0px; 	background: #ffffff; }

#category .category{	margin-top: 20px; }

#category .category a{	font-weight: bold; }

#urlnav { padding: 5px;	font-weight: bold;	border: 0px solid #aaa; 	background: #eee;}

#urlnav a{ }


#article-body{	padding: 5px 0px;	margin: 10px 5px; }

.subtitle .title{	line-height: 150%; }
#trackback ol, .subtitle ol{	margin: 0px; }
#trackback li, .subtitle li{line-height: 130%;	list-style-type: decimal;}

div.title {	font-weight: bold;	font-size: 12pt;	line-height: 150%;	margin: 10px 0px 10px 0px; }

div.title a {	font-weight: bold;	font-size: 12pt; }

div.title-list { font-size:11pt;line-height:130%;margin: 3px 2px 1px 1px;}
div.title-list a { font-size: 11pt;}

div.item { padding:3px; border: 0px;	font-size:11pt; line-height:160%}

#rate .item {	padding: 5px;	border: 1px solid #aaa;}

#rate .item span{	padding: 0px 5px;}
#rate input{	margin: 0px 2px;}

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

div.writer .profile{	text-align: left;}

div.writer .avatar{	float: left;	margin-right: 5px;	margin-bottom: 5px;}

div.image{	float: left;	text-align: center;
	font-size: small; /* caption */
	margin: 0px 10px 10px 0px;
}

#spotlight div.image{	float: center;	margin: 0px 10px 0px 10px;}


#pagetitle{	margin-bottom: 10px;	padding: 5px;	text-align: center;	border-bottom: 0px solid #eee;}
#pagetitle div.title a, #pagetitle div.title{	font-size: 14pt;	font-weight: bold;	padding: 5px 0px;	border: 0px;}
#pagetitle div.title span{	border-bottom: 2px solid #aaa;}

#article-body img{	margin: 10px;}
#trackback{}

#article-header{	margin: 10px 0px;	padding: 0px 20px;}

div.ednote{
	/*
	background: #EBEBEB;
	border: #aaa;
	display: block;
	*/
}

div.ednote{	font-weight: bold; 	padding: 0px 30px 0px 30px;	}

div.ednote, div.summary, div.keywords{	margin: 10px 0px;}

#api {	margin-top: 20px;}
#api:before{	content: "API: ";}

#copyright {float: right;	text-align: right;	padding: 5px;	margin: 20px 10px;	border-top: 1px solid #888;}

div.sibling span.previous{	float: left; }
div.sibling span.next{	float: right;}

#article{}

#sponsor{}

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

span.title, span.title a{	font-weight: bold;	font-size:10pt;}
span.item{	padding: 0px 2px;	font-size:10pt;}
span.label, span.content{	display: block;	float: left;}
span.label{	font-weight: bold;	width: 50px;	text-align: left;	padding-right: 2px;}
span.content{	padding-left: 2px;}
span.button{	border: 1px solid #999;	display: inline;	text-align: left;	padding: 2px;	background: #eee;}

span.button a{	color: #666;}

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

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

span.highlight{	color: red;}

#article-body:first-line {
	/*padding-left: 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 */

.blockart {
	background: #ffffff url("../images/blockbg.png") repeat-x;
	border: 2px dotted #dcdcdc;
	padding: 20px 20px 0px;
	margin-bottom: 5px;
	font-size: 11pt;
	// font-size:11.5px;
}

.artouter {border: 1px solid #A0A0A0;}
.artouter a {color: #0000FF;	text-decoration: none; font-size: 13px;}
.artouter a:hover {color: #BC2931;	text-decoration: underline;}

.artouter td {padding:5px;}
.artouter td {padding:5px;}