/*----------------------------------------------------------------------
  Common Elements
----------------------------------------------------------------------*/

/* --- Basic typography --- */
a:active,
a:focus {outline:0;}
img {border:none;}

/* --- Global K2 container --- */
#k2Container {padding:0 0 24px 0;}
body.contentpane #k2Container {padding:16px;} /* used in popups */

/* --- General padding --- */
.k2Padding {padding:4px;}

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

/* --- Zebra rows --- */
.even {padding:2px;border-bottom:1px dotted #ccc;}
.odd {padding:2px;border-bottom:1px dotted #ccc;}

/* --- RSS feed icon --- */
div.k2FeedIcon {padding:4px 8px;text-align:right;}
div.k2FeedIcon a,
div.k2FeedIcon a:hover {display:right;float:right;margin:0;padding:0;width:14px;height:14px;background:url(../images/system/feed-icon-14x14.gif) 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:url(../images/system/transparent_star.gif) left -1000px repeat-x;}
.itemRatingList {position:relative;float:left;width:125px !important;height:25px;overflow:hidden;list-style:none;margin:0;padding:0 !important;background-position:left top;}
.itemRatingList li {display:inline;background-image:none;padding:0 !important;}
.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;}

/* --- Read more --- */
a.k2ReadMore {}
a.k2ReadMore:hover {}

/* --- Pagination --- */
div.k2Pagination {padding:8px;margin:24px 0 4px 0;text-align:center;color:#999;}

/* --- Extra fields: CSV data styling --- */
table.csvData {}
table.csvData tr th {}
table.csvData tr td {}



/*----------------------------------------------------------------------
  Component: Item view
----------------------------------------------------------------------*/

div.itemView {padding:8px 0 24px 0;margin:0 0 24px 0;border-bottom:1px dotted #ccc;} /* this is the item container for this view */

span.itemEditLink {display:block;text-align:right;padding:4px;margin:0 0 4px 0;border-bottom:2px dashed #ddd;}
span.itemEditLink a {}
span.itemEditLink a:hover {}

div.itemHeader {}
  div.itemHeader span.itemDateCreated {color:#999;font-size:11px;}
  div.itemHeader h2.itemTitle {font-size:140%;font-weight:normal;line-height:150%;padding:10px 0 4px 0;margin:0;}
  div.itemHeader h2.itemTitle span {}
  div.itemHeader h2.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Featured" presented in superscript */
  div.itemHeader span.itemAuthor {display:block;padding:0;margin:0;}
  div.itemHeader span.itemAuthor a {}
  div.itemHeader span.itemAuthor a:hover {}

div.itemToolbar {padding:2px 0;margin:16px 0 0 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#f7fafe;}
  div.itemToolbar ul {float:left;text-align:right;list-style:none;background-image: none important!; padding:0 !important;margin:0;}
  div.itemToolbar ul li {display:inline;list-style:none;background-image: none important!;padding:0 4px 0 8px !important;margin:0;border-left:1px solid #ccc;text-align:center;}
  div.itemToolbar ul > li:first-child {border:none;}
  div.itemToolbar ul li a {}
  div.itemToolbar ul li a:hover {}
  div.itemToolbar ul li a span {}
  div.itemToolbar ul li a.itemPrintLink {}
  div.itemToolbar ul li a.itemPrintLink span {}
  div.itemToolbar ul li a.itemEmailLink {}
  div.itemToolbar ul li a.itemEmailLink span {}
  div.itemToolbar ul li a.itemVideoLink {}
  div.itemToolbar ul li a.itemVideoLink span {}
  div.itemToolbar ul li a.itemImageGalleryLink {}
  div.itemToolbar ul li a.itemImageGalleryLink span {}
  div.itemToolbar ul li a.itemCommentsLink {}
  div.itemToolbar ul li a.itemCommentsLink span {}
  div.itemToolbar ul li a img {vertical-align:middle;}
  div.itemToolbar ul li span.itemTextResizerTitle {}
  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:8px 0;margin:0;}

div.itemImageBlock {padding:8px;margin:0 0 16px 0;}
  span.itemImage {display:block;text-align:center;margin:0 0 8px 0;}
  span.itemImage img {border:1px solid #ccc;padding:8px;}
  span.itemImageCaption {color:#666;display:block;font-size:90%;text-align:center;}
  span.itemImageCredits {color:#999;display:block;font-style:italic;font-size:90%;text-align:center;}

div.itemIntroText {font-size:100%;line-height:18px;padding:4px 0 12px 0; font-weight:bold;}
  div.itemIntroText img {padding:2px;margin:4px;background:#fff;border:1px solid #ccc;}

div.itemFullText {}
  div.itemFullText h3 {margin:0;padding:16px 0 4px 0;}
  div.itemFullText p {}
  div.itemFullText img {padding:2px;margin:4px;background:#fff;border:1px solid #ccc;}

div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;}
  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.itemExtraFields ul li span.itemExtraFieldsValue {}

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

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

div.itemHitsTwitter {padding:4px;border-bottom:1px dotted #ccc;}
  span.itemHits {}
  span.itemHitsTwitterSep {padding:0 8px;color:#ccc;}
  span.itemTwitterLink {}
  span.itemTwitterLink a {background:url(../images/social/twitter.png) no-repeat 0 50%;padding:2px 0 0 20px;margin:8px 0;text-decoration:none;}
  span.itemTwitterLink a:hover {text-decoration:none;}

div.itemCategory {padding:4px;border-bottom:1px dotted #ccc;}
  div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
  div.itemCategory a {}
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.itemTagsBlock ul.itemTags li a {}
  div.itemTagsBlock ul.itemTags li a:hover {}
div.itemSocialLinksBlock {padding:4px;border-bottom:1px dotted #ccc;}
  div.itemSocialLinksBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;float:left;display:block;}
  div.itemSocialLinksBlock ul.itemSocialLinks {list-style:none;padding:0;margin:0;float:left;}
  div.itemSocialLinksBlock ul.itemSocialLinks li {float:left;list-style:none;padding:0 4px;margin:0;}
  div.itemSocialLinksBlock ul.itemSocialLinks li a {float:left;display:block;width:16px;height:16px;background-position:0 0;background-repeat:no-repeat;}
  div.itemSocialLinksBlock ul.itemSocialLinks li a:hover {}
  div.itemSocialLinksBlock ul.itemSocialLinks li a span {display:none;}
    a.delicious {background-image: url(../images/social/delicious.png);}
    a.digg {background-image: url(../images/social/digg.png);}
    a.reddit {background-image: url(../images/social/reddit.png);}
    a.stumble {background-image: url(../images/social/stumble.png);}
    a.facebook {background-image: url(../images/social/facebook.png);}
    a.myspace {background-image: url(../images/social/myspace.png);}
    a.technorati {background-image: url(../images/social/technorati.png);}

div.itemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;}
  div.itemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
  div.itemAttachmentsBlock ul.itemAttachments {list-style:none;padding:0;margin:0;display:inline;}
  div.itemAttachmentsBlock ul.itemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;}
  div.itemAttachmentsBlock ul.itemAttachments li a {}
  div.itemAttachmentsBlock ul.itemAttachments li a:hover {}
  div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;}
  
/* Author block */
div.itemAuthorBlock {background:#fafafa;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 h3.authorName a:hover {}
  div.itemAuthorBlock div.itemAuthorDetails p {}
  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.itemRelated {margin-bottom:16px;padding:0;}

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

/* Video */
div.itemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(../images/system/videoplayer-bg.gif) repeat-x bottom;}
  div.itemVideoBlock span.itemVideo {display:block;overflow:hidden;}
    div.itemVideoBlock span.embeddedVideo {display:block;text-align:center;} /* for embedded videos (not using AllVideos) */
  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 {padding:0 12px;}
  div.itemNavigation a.itemNext {padding:0 12px;}

/* Comments */
div.itemComments {background:#fafafa;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 img {float:left;border:2px solid #777;margin:0 4px 4px 0;padding:0;}
  div.itemComments ul.itemCommentsList li span.commentDate {padding:0 4px 0 0;margin:0 4px 0 0;border-right:1px solid #ccc;font-weight:bold;font-size:100%;}
  div.itemComments ul.itemCommentsList li span.commentAuthorName {font-weight:bold;font-size:100%;}
  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;}
  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.itemCommentsPagination {padding:4px;margin:0 0 24px 0;}
  div.itemCommentsPagination span.pagination {display:block;float:right;clear:both;}

div.itemCommentsForm h4.itemCommentsFormTitle {color:#135CAE;font-size:24px;margin:0 0 8px 0;padding:0;}
  div.itemCommentsForm form {}
  div.itemCommentsForm form label.formComment {display:none;}
  div.itemCommentsForm form label.formName {display:block;margin:12px 0 0 2px;}
  div.itemCommentsForm form label.formEmail {display:block;margin:12px 0 0 2px;}
  div.itemCommentsForm form label.formUrl {display:block;margin:12px 0 0 2px;}
  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.button {margin:12px 0 0 0;padding:4px;border:1px solid #ccc;background:#eee;font-size:16x;} */
  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;}

/* Back to top link */
div.itemBackToTop {text-align:right;}
  div.itemBackToTop a {text-decoration:underline;}
  div.itemBackToTop a:hover {text-decoration:underline;}



/*----------------------------------------------------------------------
  Component: Itemlist view (category)
----------------------------------------------------------------------*/

div.itemListCategoriesBlock {}

/* --- Category block --- */
div.itemListCategory {margin:4px 0;padding:8px 0px;border-bottom:1px dotted #cccccc;}
  span.catItemAddLink {clear:both;display:block;text-align:right;padding:4px;margin:0 0 4px 0;border-bottom:2px dashed #ddd;}
  span.catItemAddLink a {}
  span.catItemAddLink a:hover {}
  div.itemListCategory img {float:left;display:block;padding:4px;margin:0 8px 0 0;}
  div.itemListCategory h2 {line-height: 36px; display: none;} 
  div.itemListCategory p {}

/* --- Sub-category block --- */
div.itemListSubCategories {}
  div.itemListSubCategories h3 {}
    div.subCategoryContainer {float:left;}
      div.subCategory {background:#f2f6fc;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;}
        div.subCategory h2 {}
        div.subCategory h2 a {}
        div.subCategory h2 a:hover {}
        div.subCategory p {}

/* --- Item groups --- */
div.itemList {}
  div#itemListLeading {border-bottom:1px solid #cccccc;margin-bottom: 20px;}
  div#itemListPrimary {}
  div#itemListSecondary {}
  div#itemListLinks {background:#f2f6fc;border:1px solid #ddd;margin:8px 0;padding:8px;}
    
    div.itemContainer {float:left;border-bottom:1px solid #cccccc;margin-bottom:20px;}

/* --- Item block for each item group --- */
div.catItemView {padding:4px;} /* 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.groupLeading {}
  div.groupPrimary {}
  div.groupSecondary {}
  div.groupLinks {padding:0;margin:0;}

span.catItemEditLink {display:block;text-align:right;padding:4px;margin:0 0 4px 0;border-bottom:2px dashed #ddd;}
span.catItemEditLink a {}
span.catItemEditLink a:hover {}

div.catItemHeader {}
  div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;}
  div.catItemHeader h3.catItemTitle {font-size:140%;font-weight:normal;line-height:150%;padding:10px 0 4px 0;margin:0;}

  div.catItemHeader h3.catItemTitle span {}
  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.catItemHeader span.catItemAuthor a {}
  div.catItemHeader span.catItemAuthor a:hover {}

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 {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
  div.catItemIntroText img {padding:2px;margin:4px;background:#fff;border:1px solid #ccc;}

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.catItemExtraFields ul li span.catItemExtraFieldsValue {}

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

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

div.catItemCategory {padding:4px;border-bottom:1px dotted #ccc;}
  div.catItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
  div.catItemCategory a {}
  
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.catItemTagsBlock ul.catItemTags li a {}
  div.catItemTagsBlock ul.catItemTags li a:hover {}

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 a {}
  div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {}
  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 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;}
  div.catItemCommentsLink a {}
  div.catItemCommentsLink a:hover {}

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

/* 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.userView {}
  div.userBlock {background:#fafafa;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;clear:both;}
  
    span.userItemAddLink {display:block;text-align:right;padding:4px;margin:0 0 4px 0;border-bottom:2px dashed #ddd;}
    span.userItemAddLink a {}
    span.userItemAddLink a:hover {}
    
    div.userBlock img {display:block;float:left;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
    div.userBlock h2 {}
    div.userBlock p.userDescription {padding:4px 0;}
    div.userBlock p.userAdditionalInfo {padding:4px 0;margin:8px 0 0 0;border-top:1px dotted #ccc;}
      span.userURL {font-weight:bold;color:#555;display:block;}
      span.userEmail {font-weight:bold;color:#555;display:block;}

/* User items */
div.userItemView {} /* this is the item container for this view */

div.userItemViewUnpublished {opacity:0.9;border:4px dashed #ccc;background:#fffff2;padding:8px;}

span.userItemEditLink {display:block;text-align:right;padding:4px;margin:0 0 4px 0;border-bottom:2px dashed #ddd;}
span.userItemEditLink a {}
span.userItemEditLink a:hover {}

div.userItemHeader {}
  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.userItemIntroText img {padding:2px;margin:4px;background:#fff;border:1px solid #ccc;}

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.userItemCategory a {}
  
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 !important;margin:0;display:inline;}
  div.userItemTagsBlock ul.userItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
  div.userItemTagsBlock ul.userItemTags li a {}
  div.userItemTagsBlock ul.userItemTags li a:hover {}

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

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



/*----------------------------------------------------------------------
  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 {}
  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.genericItemIntroText img {padding:2px;margin:4px;background:#fff;border:1px solid #ccc;}

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;}
  div.genericItemCategory a {}

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



/*----------------------------------------------------------------------
  Component: Latest view
----------------------------------------------------------------------*/

div.latestItemsContainer {float:left;}

/* Category info block */
div.latestItemsCategory {margin:0 8px 8px 0;padding:8px 0px 8px 0px;border-bottom:1px dotted #cccccc;}
  div.latestItemsCategoryImage {text-align:left;}
  div.latestItemsCategoryImage img {padding:4px;margin:0 8px 0 0;float: left;}
div.latestItemsCategory h2 {line-height: 36px;}
div.latestItemsCategory p {}

/* User info block */
div.latestItemsUser {background:#f2f6fc;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 h2 {}
  div.latestItemsUser p.ulatestItemsUserDescription {padding:4px 0;}
  div.latestItemsUser p.latestItemsUserAdditionalInfo {padding:4px 0;margin:8px 0 0 0;border-top:1px dotted #ccc;}
    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;}

div.latestItemView {} /* this is the item container for this view */

div.latestItemHeader {}
  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.latestItemIntroText img {padding:2px;margin:4px;background:#fff;border:1px solid #ccc;}

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.latestItemCategory a {}
  
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;}
  div.latestItemTagsBlock ul.latestItemTags li a {}
  div.latestItemTagsBlock ul.latestItemTags li a:hover {}

/* 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;}
  div.latestItemCommentsLink a {}
  div.latestItemCommentsLink a:hover {}

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

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



/*----------------------------------------------------------------------
  Component: Register & profile page views (register.php & profile.php)
----------------------------------------------------------------------*/
.k2AccountPage {}
.k2AccountPage table {}
.k2AccountPage table tr th {}
.k2AccountPage table tr td {}
.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;}

/* Profile edit */
.k2AccountPage table.admintable {}
.k2AccountPage table.admintable tr td {}
.k2AccountPage table.admintable tr td span {}
.k2AccountPage table.admintable tr td span label {}



/*----------------------------------------------------------------------
  Modules: mod_k2_comments
----------------------------------------------------------------------*/

/* Latest Comments */
div.k2LatestCommentsBlock {}
div.k2LatestCommentsBlock ul {padding:4px;margin:4px;list-style:none;}
div.k2LatestCommentsBlock ul li {display:block;clear:both;}
div.k2LatestCommentsBlock ul li a {}
div.k2LatestCommentsBlock ul li a:hover {}
div.k2LatestCommentsBlock ul li img.lcAvatar {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;/*width:24px;height:auto;*/}
div.k2LatestCommentsBlock ul li span.lcComment {}
div.k2LatestCommentsBlock ul li span.lcUsername {}
div.k2LatestCommentsBlock ul li span.lcCommentDate {color:#999;}
div.k2LatestCommentsBlock ul li span.lcItemTitle {}
div.k2LatestCommentsBlock ul li span.lcItemCategory {font-size:90%;}

/* Top Commenters */
div.k2TopCommentersBlock {}
div.k2TopCommentersBlock ul {padding:4px;margin:4px;list-style:none;}
div.k2TopCommentersBlock ul li {}
div.k2TopCommentersBlock ul li a.tcLink {}
div.k2TopCommentersBlock ul li a.tcLink:hover {}
div.k2TopCommentersBlock ul li img.tcAvatar {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;/*width:24px;height:auto;*/}
div.k2TopCommentersBlock ul li span.tcUsername {}
div.k2TopCommentersBlock ul li span.tcCommentsCounter {}
div.k2TopCommentersBlock ul li a.tcLatestComment {}
div.k2TopCommentersBlock ul li a.tcLatestComment:hover {}
div.k2TopCommentersBlock ul li span.tcLatestCommentDate {color:#999;}



/*----------------------------------------------------------------------
  Modules: mod_k2_content
----------------------------------------------------------------------*/

div.k2ItemsBlock {}

div.k2ItemsBlock p.modulePretext {}

div.k2ItemsBlock ul {padding:4px;margin:4px;list-style:none;}
div.k2ItemsBlock ul li {padding:8px 4px;}
div.k2ItemsBlock ul li a {}
div.k2ItemsBlock ul li a:hover {}

div.k2ItemsBlock ul li a.moduleItemTitle {font-size:20px;}
div.k2ItemsBlock ul li a.moduleItemTitle:hover {}

div.k2ItemsBlock ul li a.moduleItemAuthorLink {}
div.k2ItemsBlock ul li a.moduleItemAuthorLink:hover {}

div.k2ItemsBlock ul li img.moduleItemAuthorAvatar {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:0 4px 0 0;width:14px;height:auto;}

div.k2ItemsBlock ul li p.moduleItemIntrotext {display:block;padding:4px 0;line-height:120%;}
div.k2ItemsBlock ul li p.moduleItemIntrotext a.moduleItemImage img {float:left;margin:2px 4px 4px 0;padding:0;border:2px solid #ddd;}

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

div.k2ItemsBlock ul li p.moduleItemVideo {}
div.k2ItemsBlock ul li p.moduleItemVideo span.moduleItemVideoCaption {}
div.k2ItemsBlock ul li p.moduleItemVideo span.moduleItemVideoCredits {}

div.k2ItemsBlock ul li span.moduleItemDateCreated {}
div.k2ItemsBlock ul li a.moduleItemCategory {}
div.k2ItemsBlock ul li span.moduleItemTags {}
div.k2ItemsBlock ul li span.moduleItemTags b {}
div.k2ItemsBlock ul li span.moduleItemTags a {padding:0 2px;}
div.k2ItemsBlock ul li span.moduleItemTags a:hover {}
div.k2ItemsBlock ul li p.moduleAttachements {}

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 a.moduleItemComments:hover {}
div.k2ItemsBlock ul li span.moduleItemHits {border-right:1px solid #ccc;padding:0 4px 0 0;margin:0 8px 0 0;}
div.k2ItemsBlock ul li a.moduleItemReadMore {}
div.k2ItemsBlock ul li a.moduleItemReadMore:hover {}

div.k2ItemsBlock a.moduleCustomLink {}
div.k2ItemsBlock a.moduleCustomLink:hover {}



/*----------------------------------------------------------------------
  Modules: mod_k2_login
----------------------------------------------------------------------*/

div.k2LoginBlock {}
  div.k2LoginBlock p.preText {}
  
  div.k2LoginBlock fieldset.input {margin:0;padding: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.k2LoginBlock fieldset.input input.button {}
  
  div.k2LoginBlock ul, .ubUserItems {padding:4px 8px;margin:4px 0px 4px 14px;list-style:square;}
  div.k2LoginBlock ul li {}
  
  div.k2LoginBlock p.postText {}

div.k2UserBlock {}
  div.k2UserBlock p img {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;width:48px;height:auto;}
  div.k2UserBlock p span.ubName {}
  div.k2UserBlock ul {padding:4px 8px;margin:4px;list-style:square;}
  div.k2UserBlock ul li {}
  div.k2UserBlock ul li a {}
  div.k2UserBlock ul li a:hover {}
  div.k2UserBlock p.ubCommentsCount {}
  div.k2UserBlock form {}
  div.k2UserBlock form input.ubLogout {}



/*----------------------------------------------------------------------
  Modules: mod_k2_tools
----------------------------------------------------------------------*/

/* --- Archives --- */
div.k2ArchivesBlock {}
div.k2ArchivesBlock ul {padding:4px 8px;margin:4px 0px 4px 14px;list-style:square;}
div.k2ArchivesBlock ul li {}
div.k2ArchivesBlock ul li a {}
div.k2ArchivesBlock ul li a:hover {}

/* --- Authors --- */
div.k2AuthorsListBlock {}
div.k2AuthorsListBlock ul {padding:4px 8px;margin:4px;list-style:square;}
div.k2AuthorsListBlock ul li {}
div.k2AuthorsListBlock ul li img.abAuthorAvatar {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;width:24px;height:auto;}
div.k2AuthorsListBlock ul li a.abAuthorName {}
div.k2AuthorsListBlock ul li a.abAuthorName:hover {}
div.k2AuthorsListBlock ul li a.abAuthorLatestItem {}
div.k2AuthorsListBlock ul li a.abAuthorLatestItem:hover {}
div.k2AuthorsListBlock ul li span.abAuthorCommentsCount {}

/* --- Breadcrumbs --- */
div.k2BreadcrumbsBlock {}
div.k2BreadcrumbsBlock span.bcTitle {padding:0 4px 0 0;color:#999;}
div.k2BreadcrumbsBlock a {}
div.k2BreadcrumbsBlock a:hover {}
div.k2BreadcrumbsBlock span.bcSeparator {padding:0 4px;font-size:14px;}

/* --- Calendar --- */
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.calendarDate {}
table.calendar tr td.calendarDateLinked {padding:0;}
table.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;}
table.calendar tr td.calendarDateLinked a:hover {display:block;background:#BFD9FF;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 {}
div.k2CategorySelectBlock form select {width:auto;}
div.k2CategorySelectBlock form select option {}

/* --- Category List/Menu --- */
div.k2CategoriesListBlock {}
div.k2CategoriesListBlock ul {padding:4px 8px;margin:4px;list-style:square;}
div.k2CategoriesListBlock ul li {}
div.k2CategoriesListBlock ul li a {}
div.k2CategoriesListBlock ul li a:hover {}
div.k2CategoriesListBlock ul li a span {}
div.k2CategoriesListBlock ul li a:hover span {}
div.k2CategoriesListBlock ul li.activeCategory {}
div.k2CategoriesListBlock ul li.activeCategory a {font-weight:bold;}

  /* Root level (0) */
  ul.level0 {}
  ul.level0 li {}
  ul.level0 li a {}
  ul.level0 li a:hover {}
  ul.level0 li a span {}
  ul.level0 li a:hover span {}
  
    /* First level (1) */
    ul.level1 {}
    ul.level1 li {}
    ul.level1 li a {}
    ul.level1 li a:hover {}
    ul.level1 li a span {}
    ul.level1 li a:hover span {}
    
      /* n level (n) - like the above... */

/* --- Search Box --- */
div.k2SearchBlock {}
div.k2SearchBlock form {}
div.k2SearchBlock form input.inputbox {}
div.k2SearchBlock form input.button {}

/* --- Tag Cloud --- */
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;text-decoration:none;color:#fff;}

/* --- Google Search --- */
#k2Container div.gsc-branding-text { text-align:right;}
#k2Container div.gsc-control {width:100%;}
#k2Container div.gs-visibleUrl { display:none;}



.itemTwitterButton, .itemFacebookButton, .itemGooglePlusOneButton {
  padding-right: 10px;
  float: left;
}

.itemSocialSharing {
  padding-bottom: 10px;
}

.box2 .moduletable .k2UsersBlock ul h3 {
  background: none !important;
  padding: 8px 0px 10px 0px;
  border-bottom: none !important;
  font-size: 130%;
}

.clearList {
  border-bottom: none !important;
}

.k2Avatar {
  float: left;
  margin: 0px 6px 2px 0px;
}

.ubUserName, .lcUsername {
  font-weight: bold;
}

.ubUserAdditionalInfo, .lcCommentDate {
  font-size: 90%;
}

.lcUsername {
  display: block;
  clear: both;
}

.moduleItemIntrotext {
  clear: both;
}

#k2Container ul {
padding: 0px;
  margin: 0px;
  margin-left: 20px;
}

#k2Container ul li {
list-style: none;
  margin: 0px;
  background-image: url(bullet.jpg);
  background-repeat: no-repeat;
  background-position: left 20px;
  padding: 0px;
  padding-left: 15px;
}

ul.itemTags {
  padding: 0 !important;
}

ul.itemTags li {
  padding: 0px 3px !important;
}
#tablica {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.8em;
  color: #666;
  text-align: left;
  border: 1px solid #069;
  border-collapse: collapse;
  line-height: 1em;
  width: 400px;
}
#tablica td {
  vertical-align: top;
  padding: 3px;
  border: 1px solid #069;
}
#tablica th {
  vertical-align: middle;
  width: 192px;
  background-color: #069;
  color: #000;
  text-align: center;
}
#tablica2 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.7em;
  color: #666;
  text-align: left;
  border: 1px solid #069;
  border-collapse: collapse;
  line-height: 0.8em;
  width: 380px;
}

/* 2022 */
#joom-content table  {
                font-family: Verdana, Geneva, sans-serif;
                font-size: 0.8em;
                text-align: left;
                border: 1px solid #069;
                border-collapse: collapse;
                width: 450px;
                color: #333;
                overflow: auto;
                box-sizing: border-box;
            }
            #joom-content table th {
                font-weight: bold;
                text-transform: uppercase;
                color: white;
                background-color: #069;
                background-image: none;
                text-indent: 20px;
                padding: 25px;
                font-size: 1em;
                letter-spacing: 2px;
                box-sizing: border-box;
                text-align: center;
            }
            #joom-content table td {
                border: 1px solid #069;
                padding: 10px;
                box-sizing: border-box;
            }
            #joom-content table tr:nth-child(2n) {
                background: #eee;
            }
            #joom-content table tr:nth-child(2n + 1) {
                background: #fff;
            }
            #joom-content table tr:hover {
                background: #ddd;
            }
            #joom-content table td:first-child {
                width: 20px;
                text-align: center;
                color: #069;
                font-weight: 600;
            }
            #joom-content table td strong {
                color: #069;
            }
/* --- END --- */