.article-breadcrumbs { padding: 5px; font-size: 120%; font-weight: bold; background: transparent url('../../../themes/default/images/tot-bckg.jpg') ;  border: solid 1px #ddd;}

.article-header-image{ float: left; text-align: center; font-size: small; margin: 0px 5px 5px 0px; }
.article-header-image img{ border: solid 1px #ddd; }

.article-text {padding: 5px;}
.article-text li a{color: #339900;}
.article-text li a:hover{color: #FF6600;}
div#article { background: transparent url('../../../themes/default/images/tot-bckg.jpg') ;  border: solid 1px #ddd;}
.article-article .article-list { padding: 5px; clear: both; }
.article-list-column { border: solid 1px #E6EAEE; margin: 2px 0px 2px 0px;}

.article-spotlight .article-header-image img{ width: 80px;}
.article-meta { font-size: 100%; padding: 5px 0;}
.article-title { font-weight: bold; padding: 2px 0;}
.article-section {padding: 3px; width: 98%; clear:both;}
.article-section-container { float:	left;}
.article-section-title {float:	left; margin: 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 5px;}
.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-section h2{ margin: 1px; font-size: 130%; color: #FF6600;}
.article-summary { padding: 5px 0;}

.category-more { float: right;}
.article-category-navigation { float: left; border-bottom: 1px solid #ddd;}
.article-category-navigation span.subject{ float: left; text-align: left; background: #eee; padding: 2px 5px; font-size: 120%;}
.article-category-navigation span.navigation{ float: right; text-align: right; font-size: 95%; padding-right: 5px;}
.article-category .category-container { float: left; margin: 5px 2px; }
.article-category .category-container .article-header-image img{ margin: 2px 5px 0px 0px; width: 80px;}
.list-article .article-header-image img{ margin: 2px 5px 0px 0px; width: 70px;}
.article-category .category-container div.article-list { line-height: 150%; margin-left: 90px; }
.article-category .category-container .article-list ul {}
.article-category .category-container .article-list li {list-style: url('../../../themes/default/images/icon-bullet-blue.gif') inside;}
.article-category .category-container .article-title {text-align: left;}

.article-feature .article-header-image img{ border: 0; margin:	0px 10px 0px 0px; width: 70px; /* the value must be consistent with the `margin-left` in `.article-feature .article-list .article-title` */}
.article-feature .article-list { padding: 10px 0; border: solid 1px #ddd; background-color: #E6EAEE; clear: both;}
.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{}
.article-article .article-section-container li{ list-style: url('../../../themes/default/images/icon-bullet-blue.gif') outside;}

span.article-subject { margin-right: 2px;  display: inline; font-size: 11px;}
span.article-term{ display: inline; font-size: 12px;}
.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 { }

.article-olso { text-align: left; float: right; width: 175px; padding: 5px; margin-left: 10px; background: transparent url('../../../themes/default/images/tot-bckg.jpg') ; color: #567581; border: solid 1px #ddd;}
.article-writer{ padding: 5px;}
.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: url('../../../themes/default/images/icon-bullet-orange.gif') outside; }
.article-subtitle ol li a{color: #003366;text-decoration: underline;}
.article-subtitle ol li a:hover{color: #FF6600;}
.article-subtitle {color: #FF6600;}
article-subtitle .article-title {background-color: #CCCCCC;color: #FF6600;}
.article-pages {  }

span.author {padding-left: 15px;}
.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: 0; clear: both;}

/*
 * 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: transparent url('../../../themes/default/images/tot-bckg.jpg') ; }
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;}