/*
	Articles.css
	TemplateName: ObjectWeb-Base
	Copyright (c) 2009, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/



/* View Articles
------------------------------------------------------------------------------------------------- */
.articles div.articles-feed {
   float:right !important;
}

.articles a.articles-feed-icon {
   background: url("Images/ArticlesFeedRSS.png") no-repeat;
   display: block;
   height: 16px;
   margin-right: 5px;
   text-decoration: none;
   width: 16px;
}

.articles div.section-body li.articles-list-item h3 {
  margin-bottom: 5px;
}

.articles div.section-body li.articles-list-item img.article-thumbnail {
  float: left;
  margin: 0 10px 10px 0;
  max-width: 150px;
}

.articles div.section-body li.articles-list-item div.more {
  clear: both;
}

.articles .articles-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.articles .articles-list li.articles-list-item {
	margin: 0 0 10px 0;
   list-style-type: none;
}

.articles .article-summary {
	margin-bottom: 2px;
}

.article-content .content:after {
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   content: ".";
}

.articles .article-sub {
	height: 20px;
	border-bottom: solid 1px #007993;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 20px;
}

.articles .article-sub span {
   display: block;
   float: left;
	margin-right: 10px;
	line-height: 20px;
}

.articles .article-sub .article-sub-links {
   float: left;
}

.articles .article-sub a {
   display: block;
   float: left;
	margin-right: 6px;
	line-height: 20px;
}

.articles .article-sub .date {
   padding-left: 17px;
   background: transparent url(Images/ArticlesDate.png) no-repeat 0 0;
}

.articles .article-sub .comments {
   padding-left: 17px;
   background: transparent url(Images/ArticlesComments.png) no-repeat 0 0;
}

.articles .article-sub .user {
   padding-left: 17px;
   background: transparent url(Images/ArticlesUser.png) no-repeat 0 0;
}

.articles .article-content {
	overflow: hidden;
}

.articles .article-content .album-slideshow {
	display: block;
	float: right;
}

.articles .article-content .add-comment label.validation-error-label {
	margin-left: 0;
}

.articles .article-comments {
	margin: 0px;
	padding: 0;
	list-style-type: none;
}

.articles .article-comments li.article-comments-item {
   list-style-type: none;
	margin: 10px;
	padding: 0;
}

.articles .article-comments li.article-comments-item blockquote {
   border-style: solid;
   border-width: 1px 1px 1px 4px;
   margin: 0;
   padding: 0 0 0 10px;
}

.articles .article-comments li.article-comments-item blockquote .article-sub {
   border: none;
}

.articles .add-comment-form {
   margin: 4px 0 0 10px;
}

.articles .feeditem {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
}

.articles .feeditem h4 {
	margin-top: 2px;
	margin-bottom: 3px;
	font-size: 100%;
}

.articles a:not([href]) {
    text-decoration: none;
    cursor: default;
}
/* ---------------------------------------------------------------------------------------------- */



/* Pagination
------------------------------------------------------------------------------------------------- */
.articles .pagination {
	text-align: center;
}

.articles .pagination a,
.articles .pagination span {
	padding: 2px 5px;
}

.articles .pagination span {
   color: #000;
}

.articles .pagination a {
	text-decoration: none; 
	color: #4E8DBB;
	border: solid 1px transparent
}

.articles .pagination a:hover,
.articles .pagination a:active {
	border: 1px solid #4E8DBB;
}

.articles .pagination a.current {
	cursor: default;
	font-weight: bold;
}

.articles .pagination a.disabled {
	font-weight: normal;
   color: #000;
}
/* ---------------------------------------------------------------------------------------------- */



/* Manage Articles
------------------------------------------------------------------------------------------------- */
.manage-article-breadcrumbs {
	padding: 10px 0;
}

.manage-article-breadcrumbs span.separator {
	background: url("Images/ArticlesBreadcrumbsSeparator.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 6px 6px 0;
	overflow: hidden;
	vertical-align: top;
}

.manage-article-breadcrumbs span.current-action {
	font-weight: bold;
}

.manage-article-breadcrumbs span.current-article  {
	display: block;
	font-weight: bold;
	padding-top: 10px;
}

table.data-table tbody .td-actions .activate-article {
   background: transparent url(Images/ArticlesActivateArticle.png) no-repeat center center;
}

table.data-table tbody .td-actions .copy {
   background: transparent url(Images/ArticlesCopyArticle.png) no-repeat center center;
}

table.data-table tbody .td-actions .disactivate-article {
   background: transparent url(Images/ArticlesDisactivateArticle.png) no-repeat center center;
}

table.data-table tbody .td-actions .only-staging {
   background: transparent url(Images/ArticlesStaging1Section.png) no-repeat center center;
}

table.data-table tbody .td-actions .staging {
   background: transparent url(Images/ArticlesStaging2Section.png) no-repeat center center;
}

table.data-table tbody .td-actions .activate-comment {
   background: transparent url(Images/ArticlesActivateComment.png) no-repeat center center;
}

table.data-table tbody .td-actions .comments {
   background: transparent url(Images/ArticlesComments.png) no-repeat center center;
}

table.data-table tbody .td-actions .disactivate-comment {
   background: transparent url(Images/ArticlesDisactivateComment.png) no-repeat center center;
}

@media (min-width: 768px) and (max-width: 991px) {
#articleListDiv .actions a,
#articleEditDiv .actions a,
#articleSearchDiv .actions a,
#categoryListDiv .actions a,
#categoryEditDiv .actions a,
#commentListDiv .actions a,
#commentViewDiv .actions a,
#commentEditDiv .actions a {
   width: 37%;
}
}
#articleListDiv .actions a,
#articleEditDiv .actions a,
#articleSearchDiv .actions a,
#categoryListDiv .actions a,
#categoryEditDiv .actions a,
#commentListDiv .actions a,
#commentViewDiv .actions a,
#commentEditDiv .actions a {
   width: 12%;
}

.td-actions a {
    margin-right: 8px;
}


@media (min-width: 768px) {
   .ow-container #onlineDateInputText,
   .ow-container #offlineDateInputText {
      width: 25%;
   }

   .ow-container #onlineTimeInputText,
   .ow-container #offlineTimeInputText {
      width: 15%;
   }
   
   .manage-article .form-horizontal .formbox-dropdown-treeview {
      float: left;
      width: 75%;
   }
}

.manage-article .form-horizontal .formbox-dropdown-treeview {
   padding-left: 10px;
}

#articleEditDiv .input-div.categories {
   max-height: 100px;
   overflow: auto;
   width: 355px;
}
/* ---------------------------------------------------------------------------------------------- */