/**
 * @version		$Id: k2.css 1492 2012-02-22 17:40:09Z joomlaworks@gmail.com $
 * @package		K2
 * @author		JoomlaWorks http://www.joomlaworks.net
 * @copyright	Copyright (c) 2006 - 2012 JoomlaWorks Ltd. All rights reserved.
 * @license		GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */
/*

*/
/*----------------------------------------------------------------------
	Common Elements
----------------------------------------------------------------------*/
/* --- Basic typography --- */

a:active,
a:focus {
  outline: 0;
}

body.contentpane #k2Container {
  padding: 16px;
}

/* used in popups */
.k2Padding {
  padding: 4px;
}

/* --- Clearing --- */
.clr {
  clear: both;
  height: 0;
  line-height: 0;
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  border: none;
}

.itemExtraFieldsLabel {
  /* font-weight: bold; */
}

.itemExtraFieldsValue a,
.itemExtraFieldsValue a:hover {
  font-weight: normal;
  color: #000;
}

/* --- RSS feed icon --- */
div.k2FeedIcon a,
div.k2FeedIcon a:hover {
  display: block;
  float: right;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background: url(../images/fugue/feed.png) no-repeat 50% 50%;
}

div.k2FeedIcon a span,
div.k2FeedIcon a:hover span {
  display: none;
}

/* --- Rating --- */
.itemRatingForm {
  display: block;
  vertical-align: middle;
  line-height: 25px;
  float: left;
}

.itemRatingLog {
  font-size: 11px;
  margin: 0;
  padding: 0 0 0 4px;
  float: left;
}

div.itemRatingForm .formLogLoading {
  background: url(../images/system/loading.gif) no-repeat left center;
  height: 25px;
  padding: 0 0 0 20px;
}

.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {
  background: transparent url(../images/system/transparent_star.gif) left -1000px repeat-x;
}

.itemRatingList {
  position: relative;
  float: left;
  width: 125px;
  height: 25px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top;
}

.itemRatingList li {
  display: inline;
  background: none;
  padding: 0;
}

.itemRatingList a,
.itemRatingList .itemCurrentRating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000px;
  height: 25px;
  line-height: 25px;
  outline: none;
  overflow: hidden;
  border: none;
  cursor: pointer;
}

.itemRatingList a:hover {
  background-position: left bottom;
}

.itemRatingList a.one-star {
  width: 20%;
  z-index: 6;
}

.itemRatingList a.two-stars {
  width: 40%;
  z-index: 5;
}

.itemRatingList a.three-stars {
  width: 60%;
  z-index: 4;
}

.itemRatingList a.four-stars {
  width: 80%;
  z-index: 3;
}

.itemRatingList a.five-stars {
  width: 100%;
  z-index: 2;
}

.itemRatingList .itemCurrentRating {
  z-index: 1;
  background-position: 0 center;
  margin: 0;
  padding: 0;
}

span.siteRoot {
  display: none;
}

/* --- CSS added with Javascript --- */
.smallerFontSize {
  font-size: 100%;
  line-height: inherit;
}

.largerFontSize {
  font-size: 150%;
  line-height: 140%;
}

/* --- ReCaptcha --- */
.recaptchatable .recaptcha_image_cell,
#recaptcha_table {
  background-color: #fff !important;
}

#recaptcha_table {
  border-color: #ccc !important;
}

#recaptcha_response_field {
  border-color: #ccc !important;
  background-color: #fff !important;
}

/* --- Primary lists in modules --- */
.clearList {
  display: none;
  float: none;
  clear: both;
}

/* this class is used to clear all previous floating list elements */
.lastItem {
  border: none;
}

/* class appended on last list item */
/* --- Avatars --- */
.k2Avatar img {
  display: block;
  float: left;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px;
  margin: 2px 4px 4px 0;
}

/* --- Read more --- */
/* --- Pagination --- */
div.k2Pagination {
  padding: 0;
  margin: 8px 0 20px 0;
  float: right;
}

/* --- Pagination (additional styling for Joomla! 1.6+) --- */
div.k2Pagination ul {
  text-align: center;
  margin: 0;
  padding: 0;
}

div.k2Pagination ul li {
  display: inline;
}

/*----------------------------------------------------------------------
	Component: Item view
----------------------------------------------------------------------*/
a.itemPrintThisPage {
  display: block;
  width: 160px;
  margin: 4px auto 16px;
  padding: 4px;
  background: #F7FAFE;
  border: 1px solid #ccc;
  text-align: center;
  color: #555;
  font-size: 13px;
}

a.itemPrintThisPage:hover {
  background: #eee;
  text-decoration: none;
}

div.itemView {
  margin: 0 0 24px 0;
}

/* this is the item container for this view */
/* Attach a class for each featured item */
span.itemEditLink {
  float: right;
  display: block;
  padding: 4px 0;
  margin: 0;
  width: 120px;
  text-align: right;
}

span.itemEditLink a {
  padding: 2px 12px;
  border: 1px solid #ccc;
  background: #eee;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}

span.itemEditLink a:hover {
  background: #ffffcc;
}

div.itemHeader span.itemDateCreated {
  color: #999;
  font-size: 11px;
}

div.itemHeader h2.itemTitle span sup {
  font-size: 12px;
  color: #CF1919;
  text-decoration: none;
}

/* "Featured" presented in superscript */
/*div.itemHeader .itemAuthor {
  display: block;
  padding: 0;
  margin: 16px 0;
}*/

/*div.itemHeader span.itemAuthor a {
  color: #0065a4;
  font-weight: normal;
}

div.itemHeader span.itemAuthor a:hover {
  color: #0065a4;
  font-weight: normal;
}*/

div.itemToolbar {
  padding: 2px 0;
  margin: 16px 0 0 0;
  border-top: 1px dotted #ccc;
  background: #f7fafe;
}

div.itemToolbar ul {
  text-align: right;
  list-style: none;
  padding: 0;
  margin: 0;
}

div.itemToolbar ul li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 8px;
  margin: 0;
  border-left: 1px solid #ccc;
  text-align: center;
  background: none;
  font-size: 12px;
}

div.itemToolbar ul > li:first-child {
  border: none;
}

/* remove the first CSS border from the left of the toolbar */
div.itemToolbar ul li a {
  font-size: 12px;
  font-weight: normal;
}

div.itemToolbar ul li a img {
  vertical-align: middle;
}

div.itemToolbar ul li a#fontDecrease {
  margin: 0 0 0 2px;
}

div.itemToolbar ul li a#fontDecrease img {
  width: 13px;
  height: 13px;
  background: url(../images/system/font_decrease.gif) no-repeat;
}

div.itemToolbar ul li a#fontIncrease {
  margin: 0 0 0 2px;
}

div.itemToolbar ul li a#fontIncrease img {
  width: 13px;
  height: 13px;
  background: url(../images/system/font_increase.gif) no-repeat;
}

div.itemToolbar ul li a#fontDecrease span,
div.itemToolbar ul li a#fontIncrease span {
  display: none;
}

div.itemRatingBlock {
  padding: 8px 0;
}

div.itemRatingBlock span {
  display: block;
  float: left;
  font-style: normal;
  padding: 0 4px 0 0;
  margin: 0;
  color: #999;
}

/*div.itemBody {
  padding: 0;
  margin: 0;
  text-align: left;
}*/

/*div.itemImageBlock {
  padding: 0;
  margin: 0;
}*/

/*span.itemImage {
  float: left;
  height: 100px;
  margin: 0 10px 0 0;
  overflow: hidden;
  text-align: left;
}*/

span.itemImage_nl {
  margin: 0 10px 0 0;
  float: left;
}

.itemImageBlock .clr {
  display: none;
}

/*span.itemImage img {
  border: 0 solid #ccc;
  padding: 0;
}*/

span.itemImageCaption {
  color: #666;
  float: left;
  display: block;
  font-size: 11px;
}

span.itemImageCredits {
  color: #999;
  float: right;
  display: block;
  font-style: italic;
  font-size: 11px;
}

div.itemIntroText {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  padding: 4px 0 12px 0;
}

div.itemExtraFields {
  /* margin: 0; */
}

div.itemExtraFields h3 {
  margin: 0;
  padding: 0 0 8px 0;
  line-height: normal !important;
}

div.itemExtraFields ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.itemExtraFields ul li {
  display: block;
}

div.itemExtraFields ul li span.itemExtraFieldsLabel {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 4px 0 0;
  width: 30%;
}

div.itemContentFooter {
  display: block;
  text-align: right;
  padding: 4px;
  margin: 16px 0 4px 0;
  border-top: 1px solid #ddd;
  color: #999;
}

span.itemHits {
  float: left;
}

div.itemSocialSharing {
  padding: 8px 0;
}

div.itemTwitterButton {
  float: left;
  margin: 2px 24px 0 0;
}

div.itemFacebookButton {
  float: left;
  margin-right: 24px;
  width: 200px;
}

div.itemLinks {
  margin: 16px 0;
  padding: 0;
}

div.itemCategory {
  padding: 4px;
  border-bottom: 1px dotted #ccc;
}

div.itemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}

div.itemTagsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ccc;
}

div.itemTagsBlock span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}

div.itemTagsBlock ul.itemTags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}

div.itemTagsBlock ul.itemTags li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}

div.itemAttachmentsBlock {
  padding: 16px 0 0 0;
}

/* Author block */
div.itemAuthorBlock {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 0 0 16px 0;
  padding: 8px;
}

div.itemAuthorBlock img.itemAuthorAvatar {
  float: left;
  display: block;
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}

div.itemAuthorBlock div.itemAuthorDetails {
  margin: 0;
  padding: 4px 0 0 0;
}

div.itemAuthorBlock div.itemAuthorDetails h3.authorName {
  margin: 0 0 4px 0;
  padding: 0;
}

div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {
  font-size: 16px;
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
  font-weight: bold;
  color: #555;
  border-right: 1px solid #ccc;
  padding: 0 8px 0 0;
  margin: 0 4px 0 0;
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {
  font-weight: bold;
  color: #555;
}

div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a,
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {
  font-weight: normal;
}

/* Author latest */
div.itemAuthorLatest {
  margin-bottom: 16px;
  padding: 0;
}

/* Related by tag */
div.itemRelated {
  margin-bottom: 16px;
  padding: 0;
}

/* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */
div.itemRelated ul li.k2ScrollerElement {
  float: left;
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 4px;
  margin: 0 4px 4px 0;
  background: #fff;
}

/* you need to insert this class in the related li element in item.php for this styling to take effect */
div.itemRelated ul li.clr {
  clear: both;
  height: 0;
  line-height: 0;
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  border: none;
}

/* Video */
div.itemVideoBlock {
  margin: 0 0 16px 0;
  padding: 16px;
  background: #010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;
}

div.itemVideoBlock div.itemVideoEmbedded {
  text-align: center;
}

/* for embedded videos (not using AllVideos) */
div.itemVideoBlock span.itemVideo {
  display: block;
  overflow: hidden;
}

div.itemVideoBlock span.itemVideoCaption {
  color: #eee;
  float: left;
  display: block;
  font-size: 11px;
  font-weight: bold;
  width: 60%;
}

div.itemVideoBlock span.itemVideoCredits {
  color: #eee;
  float: right;
  display: block;
  font-style: italic;
  font-size: 11px;
  width: 35%;
  text-align: right;
}

/* Image Gallery */
div.itemImageGallery {
  margin: 0 0 16px 0;
  padding: 0;
}

/* Article navigation */
div.itemNavigation {
  padding: 4px 8px;
  margin: 0 0 24px 0;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  background: #fffff0;
}

div.itemNavigation span.itemNavigationTitle {
  color: #999;
}

div.itemNavigation a.itemPrevious, div.itemNavigation a.itemNext {
  padding: 0 12px;
}

/* Comments */
div.itemComments {
  background: #f7fafe;
  border: 1px solid #ddd;
  padding: 16px;
}

div.itemComments ul.itemCommentsList {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

div.itemComments ul.itemCommentsList li {
  padding: 4px;
  margin: 0;
  border-bottom: 1px dotted #ddd;
}

div.itemComments ul.itemCommentsList li.authorResponse {
  background: url(../images/system/stripes.png) repeat;
}

div.itemComments ul.itemCommentsList li.unpublishedComment {
  background: #ffeaea;
}

div.itemComments ul.itemCommentsList li img {
  float: left;
  margin: 4px 4px 4px 0;
  padding: 4px;
  background: #fff;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}

div.itemComments ul.itemCommentsList li span.commentDate {
  padding: 0 4px 0 0;
  margin: 0 8px 0 0;
  border-right: 1px solid #ccc;
  font-weight: bold;
  font-size: 14px;
}

div.itemComments ul.itemCommentsList li span.commentAuthorName {
  font-weight: bold;
  font-size: 14px;
}

div.itemComments ul.itemCommentsList li p {
  padding: 4px 0;
}

div.itemComments ul.itemCommentsList li span.commentAuthorEmail {
  display: none;
}

div.itemComments ul.itemCommentsList li span.commentLink {
  float: right;
  margin-left: 8px;
}

div.itemComments ul.itemCommentsList li span.commentLink a {
  font-size: 11px;
  color: #999;
  text-decoration: underline;
}

div.itemComments ul.itemCommentsList li span.commentLink a:hover {
  font-size: 11px;
  color: #555;
  text-decoration: underline;
}


div.itemComments ul.itemCommentsList li span.commentToolbar {
  display: block;
  clear: both;
}

div.itemComments ul.itemCommentsList li span.commentToolbar a {
  font-size: 11px;
  color: #999;
  text-decoration: underline;
  margin-right: 4px;
}

div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {
  font-size: 11px;
  color: #555;
  text-decoration: underline;
}

div.itemComments ul.itemCommentsList li span.commentToolbarLoading {
  background: url(../images/system/searchLoader.gif) no-repeat 100% 50%;
}

div.itemCommentsPagination {
  padding: 4px;
  margin: 0 0 24px 0;
}

div.itemCommentsPagination span.pagination {
  display: block;
  float: right;
  clear: both;
}

div.itemCommentsForm h3 {
  margin: 0;
  padding: 0 0 4px 0;
}

div.itemCommentsForm p.itemCommentsFormNotes {
  border-top: 2px solid #ccc;
}

div.itemCommentsForm form label.formComment,
div.itemCommentsForm form label.formName,
div.itemCommentsForm form label.formEmail,
div.itemCommentsForm form label.formUrl,
div.itemCommentsForm form label.formRecaptcha {
  display: block;
  margin: 12px 0 0 2px;
}

div.itemCommentsForm form textarea.inputbox {
  display: block;
  width: 350px;
  height: 160px;
  margin: 0;
}

div.itemCommentsForm form input.inputbox {
  display: block;
  width: 350px;
  margin: 0;
}

div.itemCommentsForm form input#submitCommentButton {
  display: block;
  margin: 16px 0 0 0;
  padding: 4px;
  border: 1px solid #ccc;
  background: #eee;
  font-size: 16px;
}

div.itemCommentsForm form span#formLog {
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  font-weight: bold;
  color: #CF1919;
}

div.itemCommentsForm form .formLogLoading {
  background: url(../images/system/loading.gif) no-repeat left center;
}

/* "Report comment" form */
div.k2ReportCommentFormContainer {
  padding: 8px;
  width: 480px;
  margin: 0 auto;
}

div.k2ReportCommentFormContainer blockquote {
  width: 462px;
  background: #f7fafe;
  border: 1px solid #ddd;
  padding: 8px;
  margin: 0 0 8px 0;
}

div.k2ReportCommentFormContainer blockquote span.quoteIconLeft {
  font-style: italic;
  font-weight: bold;
  font-size: 40px;
  color: #135CAE;
  line-height: 30px;
  vertical-align: top;
  display: block;
  float: left;
}

div.k2ReportCommentFormContainer blockquote span.quoteIconRight {
  font-style: italic;
  font-weight: bold;
  font-size: 40px;
  color: #135CAE;
  line-height: 30px;
  vertical-align: top;
  display: block;
  float: right;
}

div.k2ReportCommentFormContainer blockquote span.theComment {
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  padding: 0 4px;
}

div.k2ReportCommentFormContainer form label {
  display: block;
  font-weight: bold;
}

div.k2ReportCommentFormContainer form input,
div.k2ReportCommentFormContainer form textarea {
  display: block;
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 2px;
  margin: 0 0 8px 0;
  width: 474px;
}

div.k2ReportCommentFormContainer form #recaptcha {
  margin-bottom: 24px;
}

div.k2ReportCommentFormContainer form span#formLog {
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  font-weight: bold;
  color: #CF1919;
}

div.k2ReportCommentFormContainer form .formLogLoading {
  background: url(../images/system/loading.gif) no-repeat left center;
}

div.itemBackToTop {
  text-align: right;
}

div.itemBackToTop a {
  text-decoration: underline;
}

div.itemBackToTop a:hover {
  text-decoration: underline;
}

/*----------------------------------------------------------------------
	Component: Itemlist view (category)
----------------------------------------------------------------------*/
/* --- Category block --- */
div.itemListCategory {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 4px 0;
  padding: 8px;
}

span.catItemAddLink {
  display: block;
  padding: 8px 0;
  margin: 0 0 4px 0;
  border-bottom: 1px dotted #ccc;
  text-align: right;
}

span.catItemAddLink a {
  padding: 4px 16px;
  border: 1px solid #ccc;
  background: #eee;
  text-decoration: none;
}

span.catItemAddLink a:hover {
  background: #ffffcc;
}

div.itemListCategory img {
  float: left;
  display: block;
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}

/* --- Sub-category block --- */
div.subCategoryContainer {
  float: left;
}

/* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
div.subCategory {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 4px;
  padding: 8px;
}

div.subCategory a.subCategoryImage,
div.subCategory a.subCategoryImage:hover {
  text-align: center;
  display: block;
}

div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img {
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}

/* --- Item groups --- */
div#itemListLeading p {
  margin: 0 !important;
  padding: 0 !important;
}

div#itemListLinks {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 8px 0;
  padding: 8px;
}

div.itemContainer {
  float: left;
}

/* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
/* --- Item block for each item group --- */
div.catItemView {
  padding: 4px 0;
}

/* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */
/* Additional class appended to the element above for further styling per group item */
div.groupLinks {
  padding: 0;
  margin: 0;
}

/* Attach a class for each featured item */
span.catItemEditLink {
  float: right;
  display: block;
  padding: 4px 0;
  margin: 0;
  width: 120px;
  text-align: right;
}

span.catItemEditLink a {
  padding: 2px 12px;
  border: 1px solid #ccc;
  background: #eee;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}

span.catItemEditLink a:hover {
  background: #ffffcc;
}

div.catItemHeader span.catItemDateCreated {
  color: #999;
  font-size: 11px;
}

div.catItemHeader h3.catItemTitle {
  font-size: 24px;
  font-weight: normal;
  line-height: 110%;
  padding: 10px 0 4px 0;
  margin: 0;
}

div.catItemHeader h3.catItemTitle span sup {
  font-size: 12px;
  color: #CF1919;
  text-decoration: none;
}

/* superscript */
div.catItemHeader span.catItemAuthor {
  display: block;
  padding: 0;
  margin: 0;
}

div.catItemRatingBlock {
  padding: 8px 0;
}

div.catItemRatingBlock span {
  display: block;
  float: left;
  font-style: normal;
  padding: 0 4px 0 0;
  margin: 0;
  color: #999;
}

div.catItemBody {
  padding: 8px 0;
  margin: 0;
}

div.catItemImageBlock {
  padding: 8px;
  margin: 0 0 16px 0;
}

span.catItemImage {
  display: block;
  text-align: center;
  margin: 0 0 8px 0;
}

span.catItemImage img {
  border: 1px solid #ccc;
  padding: 8px;
}

div.catItemIntroText.newscls {
  color: #000;
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 0 !important;
}

div.catItemExtraFields,
div.genericItemExtraFields {
  margin: 16px 0 0 0;
  padding: 8px 0 0 0;
  border-top: 1px dotted #ddd;
}

div.catItemExtraFields h4,
div.genericItemExtraFields h4 {
  margin: 0;
  padding: 0 0 8px 0;
  line-height: normal !important;
}

div.catItemExtraFields ul,
div.genericItemExtraFields ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.catItemExtraFields ul li,
div.genericItemExtraFields ul li {
  display: block;
}

div.catItemExtraFields ul li span.catItemExtraFieldsLabel,
div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 4px 0 0;
  width: 30%;
}

div.catItemLinks {
  margin: 0 0 16px 0;
  padding: 0;
}

div.catItemHitsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ccc;
}

div.catItemCategory {
  padding: 4px;
  border-bottom: 1px dotted #ccc;
}

div.catItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}

div.catItemTagsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ccc;
}

div.catItemTagsBlock span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}

div.catItemTagsBlock ul.catItemTags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}

div.catItemTagsBlock ul.catItemTags li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}

div.catItemAttachmentsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ccc;
}

div.catItemAttachmentsBlock span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}

div.catItemAttachmentsBlock ul.catItemAttachments {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}

div.catItemAttachmentsBlock ul.catItemAttachments li {
  display: inline;
  list-style: none;
  padding: 0 4px;
  margin: 0;
  text-align: center;
}

div.catItemAttachmentsBlock ul.catItemAttachments li span {
  font-size: 10px;
  color: #999;
  font-weight: normal;
}

/* Video */
div.catItemVideoBlock {
  margin: 0 0 16px 0;
  padding: 16px;
  background: #010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;
}

div.catItemVideoBlock div.catItemVideoEmbedded {
  text-align: center;
}

/* for embedded videos (not using AllVideos) */
div.catItemVideoBlock span.catItemVideo {
  display: block;
}

/* Image Gallery */
div.catItemImageGallery {
  margin: 0 0 16px 0;
  padding: 0;
}

/* Anchor link to comments */
div.catItemCommentsLink {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ccc;
}

/* Read more link */
div.catItemReadMore {
  display: inline;
}

/* Modified date */
span.catItemDateModified {
  display: block;
  text-align: right;
  padding: 4px;
  margin: 4px 0;
  color: #999;
  border-top: 1px solid #ddd;
}

/*----------------------------------------------------------------------
	Component: Itemlist view (user)
----------------------------------------------------------------------*/
/* User info block */
div.userBlock {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 0 0 16px 0;
  padding: 8px;
  clear: both;
}

span.userItemAddLink {
  display: block;
  padding: 8px 0;
  margin: 0 0 4px 0;
  border-bottom: 1px dotted #ccc;
  text-align: right;
}

span.userItemAddLink a {
  padding: 4px 16px;
  border: 1px solid #ccc;
  background: #eee;
  text-decoration: none;
}

span.userItemAddLink a:hover {
  background: #ffffcc;
}

div.userBlock img {
  display: block;
  float: left;
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}

div.userBlock div.userDescription {
  padding: 4px 0;
}

div.userBlock div.userAdditionalInfo {
  padding: 4px 0;
  margin: 8px 0 0 0;
}

span.userURL {
  font-weight: bold;
  color: #555;
  display: block;
}

span.userEmail {
  font-weight: bold;
  color: #555;
  display: block;
}

/* User items */
/* this is the item container for this view */
/* Attach a class for each featured item */
div.userItemViewUnpublished {
  opacity: 0.9;
  border: 4px dashed #ccc;
  background: #fffff2;
  padding: 8px;
  margin: 8px 0;
}

span.userItemEditLink {
  float: right;
  display: block;
  padding: 4px 0;
  margin: 0;
  width: 120px;
  text-align: right;
}

span.userItemEditLink a {
  padding: 2px 12px;
  border: 1px solid #ccc;
  background: #eee;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}

span.userItemEditLink a:hover {
  background: #ffffcc;
}

div.userItemHeader span.userItemDateCreated {
  color: #999;
  font-size: 11px;
}

div.userItemHeader h3.userItemTitle {
  font-size: 24px;
  font-weight: normal;
  line-height: 110%;
  padding: 10px 0 4px 0;
  margin: 0;
}

div.userItemHeader h3.userItemTitle span sup {
  font-size: 12px;
  color: #CF1919;
  text-decoration: none;
}

/* "Unpublished" presented in superscript */
div.userItemBody {
  padding: 8px 0;
  margin: 0;
}

div.userItemImageBlock {
  padding: 0;
  margin: 0;
  float: left;
}

span.userItemImage {
  display: block;
  text-align: center;
  margin: 0 8px 8px 0;
}

span.userItemImage img {
  border: 1px solid #ccc;
  padding: 8px;
}

div.userItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}

div.userItemLinks {
  margin: 0 0 16px 0;
  padding: 0;
}

div.userItemCategory {
  padding: 4px;
  border-bottom: 1px dotted #ccc;
}

div.userItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}

div.userItemTagsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ccc;
}

div.userItemTagsBlock span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}

div.userItemTagsBlock ul.userItemTags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}

div.userItemTagsBlock ul.userItemTags li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}

/* Anchor link to comments */
div.userItemCommentsLink {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ccc;
}

/* Read more link */
div.userItemReadMore {
  display: inline;
}

/*----------------------------------------------------------------------
	Component: Itemlist view (tag)
----------------------------------------------------------------------*/
div.tagItemView {
  border-bottom: 1px dotted #ccc;
  padding: 8px 0;
  margin: 0 0 16px 0;
}

/* this is the item container for this view */
div.tagItemHeader span.tagItemDateCreated {
  color: #999;
  font-size: 11px;
}

div.tagItemHeader h2.tagItemTitle {
  font-size: 24px;
  font-weight: normal;
  line-height: 110%;
  padding: 10px 0 4px 0;
  margin: 0;
}

div.tagItemBody {
  padding: 8px 0;
  margin: 0;
}

div.tagItemImageBlock {
  padding: 0;
  margin: 0;
  float: left;
}

span.tagItemImage {
  display: block;
  text-align: center;
  margin: 0 8px 8px 0;
}

span.tagItemImage img {
  border: 1px solid #ccc;
  padding: 8px;
}

div.tagItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}

div.tagItemCategory {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ccc;
}

div.tagItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}

/* Read more link */
div.tagItemReadMore {
  display: inline;
}

/*----------------------------------------------------------------------
	Component: Itemlist view (generic)
----------------------------------------------------------------------*/
div.genericItemView {
  border-bottom: 1px dotted #ccc;
  padding: 8px 0;
  margin: 0 0 16px 0;
}

/* this is the item container for this view */
div.genericItemHeader span.genericItemDateCreated {
  color: #999;
  font-size: 11px;
}

div.genericItemHeader h2.genericItemTitle {
  font-size: 24px;
  font-weight: normal;
  line-height: 110%;
  padding: 10px 0 4px 0;
  margin: 0;
}

div.genericItemBody {
  padding: 8px 0;
  margin: 0;
}

div.genericItemImageBlock {
  padding: 0;
  margin: 0;
  float: left;
}

span.genericItemImage {
  display: block;
  text-align: center;
  margin: 0 8px 8px 0;
}

span.genericItemImage img {
  border: 1px solid #ccc;
  padding: 8px;
}

div.genericItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}

div.genericItemCategory {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ccc;
}

div.genericItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}

/* Read more link */
div.genericItemReadMore {
  display: inline;
}

/* --- Google Search --- */
#k2Container div.gsc-branding-text {
  text-align: right;
}

#k2Container div.gsc-control {
  width: 100%;
}

#k2Container div.gs-visibleUrl {
  display: none;
}

/*----------------------------------------------------------------------
	Component: Latest view
----------------------------------------------------------------------*/
div.latestItemsContainer {
  float: left;
}

/* Category info block */
div.latestItemsCategory {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 0 8px 8px 0;
  padding: 8px;
}

div.latestItemsCategoryImage {
  text-align: center;
}

div.latestItemsCategoryImage img {
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}

/* User info block */
div.latestItemsUser {
  background: #f7fafe;
  border: 1px solid #ddd;
  margin: 0 8px 8px 0;
  padding: 8px;
  clear: both;
}

div.latestItemsUser img {
  display: block;
  float: left;
  background: #fff;
  padding: 4px;
  border: 1px solid #ddd;
  margin: 0 8px 0 0;
}

div.latestItemsUser p.latestItemsUserDescription {
  padding: 4px 0;
}

div.latestItemsUser p.latestItemsUserAdditionalInfo {
  padding: 4px 0;
  margin: 8px 0 0 0;
}

span.latestItemsUserURL {
  font-weight: bold;
  color: #555;
  display: block;
}

span.latestItemsUserEmail {
  font-weight: bold;
  color: #555;
  display: block;
}

/* Latest items list */
div.latestItemList {
  padding: 0 8px 8px 0;
}

/* this is the item container for this view */
div.latestItemHeader h3.latestItemTitle {
  font-size: 24px;
  font-weight: normal;
  line-height: 110%;
  padding: 10px 0 4px 0;
  margin: 0;
}

span.latestItemDateCreated {
  color: #999;
  font-size: 11px;
}

div.latestItemBody {
  padding: 8px 0;
  margin: 0;
}

div.latestItemImageBlock {
  padding: 0;
  margin: 0;
  float: left;
}

span.latestItemImage {
  display: block;
  text-align: center;
  margin: 0 8px 8px 0;
}

span.latestItemImage img {
  border: 1px solid #ccc;
  padding: 8px;
}

div.latestItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}

div.latestItemLinks {
  margin: 0 0 16px 0;
  padding: 0;
}

div.latestItemCategory {
  padding: 4px;
  border-bottom: 1px dotted #ccc;
}

div.latestItemCategory span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}

div.latestItemTagsBlock {
  padding: 4px;
  border-bottom: 1px dotted #ccc;
}

div.latestItemTagsBlock span {
  font-weight: bold;
  color: #555;
  padding: 0 4px 0 0;
}

div.latestItemTagsBlock ul.latestItemTags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}

div.latestItemTagsBlock ul.latestItemTags li {
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}

/* Video */
div.latestItemVideoBlock {
  margin: 0 0 16px 0;
  padding: 16px;
  background: #010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;
}

div.latestItemVideoBlock span.latestItemVideo {
  display: block;
}

/* Anchor link to comments */
div.latestItemCommentsLink {
  display: inline;
  margin: 0 8px 0 0;
  padding: 0 8px 0 0;
  border-right: 1px solid #ccc;
}

/* Read more link */
div.latestItemReadMore {
  display: inline;
}

/* Items presented in a list */
h2.latestItemTitleList {
  font-size: 14px;
  padding: 2px 0;
  margin: 8px 0 2px 0;
  border-bottom: 1px dotted #ccc;
  line-height: normal;
}

/*----------------------------------------------------------------------
	Component: Register & profile page views (register.php & profile.php)
----------------------------------------------------------------------*/
.k2AccountPage table tr td label {
  white-space: nowrap;
}

img.k2AccountPageImage {
  border: 4px solid #ddd;
  margin: 10px 0;
  padding: 0;
  display: block;
}

.k2AccountPage div.k2AccountPageNotice {
  padding: 8px;
}

.k2AccountPage div.k2AccountPageUpdate {
  border-top: 1px dotted #ccc;
  margin: 8px 0;
  padding: 8px;
  text-align: right;
}

.k2AccountPage th.k2ProfileHeading {
  text-align: left;
  font-size: 18px;
  padding: 8px;
  background: #f6f6f6;
}

.k2AccountPage td#userAdminParams {
  padding: 0;
  margin: 0;
}

.k2AccountPage table.admintable td.key,
.k2AccountPage table.admintable td.paramlist_key {
  background: #f6f6f6;
  border-bottom: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  color: #666;
  font-weight: bold;
  text-align: right;
  font-size: 11px;
  width: 140px;
}

/* Profile edit */
/*----------------------------------------------------------------------
	Modules: mod_k2_comments
----------------------------------------------------------------------*/
div.k2LatestCommentsBlock ul li span.lcCommentDate {
  color: #999;
}

div.k2TopCommentersBlock ul li span.tcLatestCommentDate {
  color: #999;
}

/*----------------------------------------------------------------------
	Modules: mod_k2_content
----------------------------------------------------------------------*/
div.k2ItemsBlock ul li div.moduleItemIntrotext {
  display: block;
  padding: 4px 0;
  line-height: 120%;
}

div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
  float: right;
  margin: 2px 0 4px 4px;
  padding: 0;
  border: 2px solid #ddd;
}

div.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {
  display: block;
  float: left;
  font-weight: bold;
  margin: 0 4px 0 0;
  width: 30%;
}

div.k2ItemsBlock ul li div.moduleItemTags a {
  padding: 0 2px;
}

div.k2ItemsBlock ul li a.moduleItemComments {
  border-right: 1px solid #ccc;
  padding: 0 4px 0 0;
  margin: 0 8px 0 0;
}

div.k2ItemsBlock ul li span.moduleItemHits {
  border-right: 1px solid #ccc;
  padding: 0 4px 0 0;
  margin: 0 8px 0 0;
}

/*----------------------------------------------------------------------
	Modules: mod_k2_user (mod_k2_login will be removed in v2.6)
----------------------------------------------------------------------*/
div.k2LoginBlock fieldset.input {
  margin: 0;
  padding: 0 0 8px 0;
}

div.k2LoginBlock fieldset.input p {
  margin: 0;
  padding: 0 0 4px 0;
}

div.k2LoginBlock fieldset.input p label {
  display: block;
}

div.k2LoginBlock fieldset.input p input {
  display: block;
}

div.k2LoginBlock fieldset.input p#form-login-remember label,
div.k2LoginBlock fieldset.input p#form-login-remember input {
  display: inline;
}

div.k2UserBlock p.ubGreeting {
  border-bottom: 1px dotted #ccc;
}

div.k2UserBlock div.k2UserBlockDetails span.ubName {
  display: block;
  font-weight: bold;
  font-size: 14px;
}

/* 2nd level ul */
/* 3rd level ul (and so on...) */
/*----------------------------------------------------------------------
	Modules: mod_k2_tools
----------------------------------------------------------------------*/
/* --- Archives --- */
/* --- Authors --- */
div.k2AuthorsListBlock ul li a.abAuthorLatestItem {
  display: block;
  clear: both;
}

div.k2BreadcrumbsBlock span.bcTitle {
  padding: 0 4px 0 0;
  color: #999;
}

div.k2BreadcrumbsBlock span.bcSeparator {
  padding: 0 4px;
  font-size: 14px;
}

div.k2CalendarBlock {
  height: 190px;
  margin-bottom: 8px;
}

/* use this height value so that the calendar height won't change on Month change via ajax */
div.k2CalendarLoader {
  background: #fff url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%;
}

table.calendar {
  margin: 0 auto;
  background: #fff;
  border-collapse: collapse;
}

table.calendar tr td {
  text-align: center;
  vertical-align: middle;
  padding: 2px;
  border: 1px solid #f4f4f4;
  background: #fff;
}

table.calendar tr td.calendarNavMonthPrev {
  background: #f3f3f3;
  text-align: left;
}

table.calendar tr td.calendarNavMonthPrev a {
  font-size: 20px;
  text-decoration: none;
}

table.calendar tr td.calendarNavMonthPrev a:hover {
  font-size: 20px;
  text-decoration: none;
}

table.calendar tr td.calendarCurrentMonth {
  background: #f3f3f3;
}

table.calendar tr td.calendarNavMonthNext {
  background: #f3f3f3;
  text-align: right;
}

table.calendar tr td.calendarNavMonthNext a {
  font-size: 20px;
  text-decoration: none;
}

table.calendar tr td.calendarNavMonthNext a:hover {
  font-size: 20px;
  text-decoration: none;
}

table.calendar tr td.calendarDayName {
  background: #e9e9e9;
  font-size: 11px;
  width: 14.2%;
}

table.calendar tr td.calendarDateEmpty {
  background: #fbfbfb;
}

table.calendar tr td.calendarDateLinked {
  padding: 0;
}

table.calendar tr td.calendarDateLinked a {
  display: block;
  padding: 2px;
  text-decoration: none;
  background: #eee;
}

table.calendar tr td.calendarDateLinked a:hover {
  display: block;
  background: #135cae;
  color: #fff;
  padding: 2px;
  text-decoration: none;
}

table.calendar tr td.calendarToday {
  background: #135cae;
  color: #fff;
}

table.calendar tr td.calendarTodayLinked {
  background: #135cae;
  color: #fff;
  padding: 0;
}

table.calendar tr td.calendarTodayLinked a {
  display: block;
  padding: 2px;
  color: #fff;
  text-decoration: none;
}

table.calendar tr td.calendarTodayLinked a:hover {
  display: block;
  background: #BFD9FF;
  padding: 2px;
  text-decoration: none;
}

/* --- Category Tree Select Box --- */
div.k2CategorySelectBlock form select {
  width: auto;
}

/* --- Category List/Menu --- */
div.k2CategoriesListBlock ul li a span.catTitle {
  padding-right: 4px;
}

div.k2CategoriesListBlock ul li.activeCategory a {
  font-weight: bold;
}

/* Root level (0) */
/* First level (1) */
/* n level (n) - like the above... */
/* --- Search Box --- */
div.k2SearchBlock {
  position: relative;
}

div.k2SearchBlock form input.k2SearchLoading {
  background: url(../images/system/searchLoader.gif) no-repeat 100% 50%;
}

div.k2SearchBlock div.k2LiveSearchResults {
  display: none;
  background: #fff;
  position: absolute;
  z-index: 99;
  border: 1px solid #ccc;
  margin-top: -1px;
}

/* Live search results (fetched via ajax) */
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {
  border: none;
  margin: 0;
  padding: 0;
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {
  display: block;
  padding: 1px 2px;
  border-top: 1px dotted #eee;
}

div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {
  background: #fffff0;
}

div.k2TagCloudBlock {
  padding: 8px 0;
}

div.k2TagCloudBlock a {
  padding: 4px;
  float: left;
  display: block;
}

div.k2TagCloudBlock a:hover {
  padding: 4px;
  float: left;
  display: block;
  background: #135cae;
  color: #fff;
  text-decoration: none;
}

/* --- Custom Code --- */
/*----------------------------------------------------------------------
	Modules: mod_k2_users
----------------------------------------------------------------------*/
a.ubUserFeedIcon,
a.ubUserFeedIcon:hover {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background: url(../images/fugue/feed.png) no-repeat 50% 50%;
}

a.ubUserFeedIcon span,
a.ubUserFeedIcon:hover span {
  display: none;
}

a.ubUserURL,
a.ubUserURL:hover {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background: url(../images/fugue/globe.png) no-repeat 50% 50%;
}

a.ubUserURL span,
a.ubUserURL:hover span {
  display: none;
}

span.ubUserEmail {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
  background: url(../images/fugue/mail.png) no-repeat 50% 50%;
  overflow: hidden;
}

span.ubUserEmail a {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
}

div.k2UsersBlock ul li h3 {
  clear: both;
  margin: 8px 0 0 0;
  padding: 0;
}

.itemCommentsCounter {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 5px 0;
}

#k2Container .art_title_s a {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 15px;
}

div.pub_art_desc {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 0 0 12px;
  text-align: left !important;
}

#k2Container .art_titlepresentation {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 16px;
}

div.catItemHeader span.catItemDateCreated_new {
  color: #ccc;
  font-size: 14px;
  font-weight: normal;
}

ul.associated {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}

ul.associated li {
  list-style: none;
  padding: 0 0 3px 20px;
  margin: 0;
  display: inline;
}

/*ul.associated li a {
  padding-left: 5px !important;
  color: #0065a4;
  font-weight: normal;
}

ul.associated li a:hover {
  color: #0065a4 !important;
  text-decoration: underline;
}
*/