/*
// "K2" Component by JoomlaWorks for Joomla! 1.5.x - Version 2.1
// Copyright (c) 2006 - 2009 JoomlaWorks Ltd. All rights reserved.
// Released under the GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
// More info at http://www.joomlaworks.gr and http://k2.joomlaworks.gr
// Designed and developed by the JoomlaWorks team
// *** Last update: September 9th, 2009 ***
*/
/*
### Legend ###
Font families used:
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	
*/
/*----------------------------------------------------------------------
	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 {
    background: #fffff0;
    padding: 2px;
    border-bottom: 1px dotted #ccc
    }
.odd {
    background: #fff;
    padding: 2px;
    border-bottom: 1px dotted #ccc
    }
/* --- RSS feed icon --- */
div.k2FeedIcon {
    padding: 4px 8px
    }
div.k2FeedIcon a, div.k2FeedIcon a:hover {
    display: block;
    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;
    height: 25px;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-position: left top
    }
.itemRatingList li {
    display: inline;
    background-image: 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
    }
/* --- Read more --- */
/* --- Pagination --- */
div.k2Pagination {
    padding: 8px;
    margin: 24px 0 4px 0;
    text-align: center;
    color: #999
    }
/*----------------------------------------------------------------------
	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
    }
div.itemHeader span.itemDateCreated {
    color: #999;
    font-size: 11px
    }
div.itemHeader h2.itemTitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 36px;
    font-weight: normal;
    line-height: 110%;
    padding: 10px 0 4px 0;
    margin: 0
    }
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.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;
    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
    }
div.itemToolbar ul > li:first-child {
    border: none
    }
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#fontIncrease {
    margin: 0 0 0 2px
    }
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;
    float: left;
    display: block;
    font-size: 11px
    }
span.itemImageCredits {
    color: #999;
    float: right;
    display: block;
    font-style: italic;
    font-size: 11px
    }
div.itemIntroText {
    color: #444;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    padding: 4px 0 12px 0
    }
div.itemIntroText img {
    padding: 2px;
    margin: 4px;
    background: #fff;
    border: 1px solid #ccc
    }
div.itemFullText h3 {
    margin: 0;
    padding: 16px 0 4px 0
    }
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%
    }
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.itemTwitterLink {
    padding: 0 0 0 8px;
    border-left: 1px solid #ccc;
    margin: 0 0 0 4px
    }
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.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.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 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 span {
    font-size: 10px;
    color: #999;
    font-weight: normal
    }
/* Author block */
div.itemAuthorBlock {
    background: #f2f6fc;
    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-family: Georgia, "Times New Roman", Times, serif;
    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.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
    }
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: #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 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 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
    }
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 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)
----------------------------------------------------------------------*/
/* --- Category block --- */
div.itemListCategory {
    background: #f2f6fc;
    border: 1px solid #ddd;
    margin: 4px 0;
    padding: 8px
    }
span.catItemAddLink {
    clear: both;
    display: block;
    text-align: right;
    padding: 4px;
    margin: 0 0 4px 0;
    border-bottom: 2px dashed #ddd
    }
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
    }
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
    }
/* --- Item groups --- */
div#itemListLinks {
    background: #f2f6fc;
    border: 1px solid #ddd;
    margin: 8px 0;
    padding: 8px
    }
div.itemContainer {
    float: left
    }
/* --- 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.groupLinks {
    padding: 0;
    margin: 0
    }
span.catItemEditLink {
    display: block;
    text-align: right;
    padding: 4px;
    margin: 0 0 4px 0;
    border-bottom: 2px dashed #ddd
    }
div.catItemHeader span.catItemDateCreated {
    color: #999;
    font-size: 11px
    }
div.catItemHeader h3.catItemTitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    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 {
    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 {
    margin: 16px 0 0 0;
    padding: 8px 0 0 0;
    border-top: 1px dotted #ddd
    }
div.catItemExtraFields h4 {
    margin: 0;
    padding: 0 0 8px 0;
    line-height: normal !important
    }
div.catItemExtraFields ul {
    margin: 0;
    padding: 0;
    list-style: none
    }
div.catItemExtraFields ul li {
    display: block
    }
div.catItemExtraFields ul li span.catItemExtraFieldsLabel {
    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 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: #f2f6fc;
    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
    }
div.userBlock img {
    display: block;
    float: left;
    background: #fff;
    padding: 4px;
    border: 1px solid #ddd;
    margin: 0 8px 0 0
    }
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 */
/* this is the item container for this view */
span.userItemEditLink {
    display: block;
    text-align: right;
    padding: 4px;
    margin: 0 0 4px 0;
    border-bottom: 2px dashed #ddd
    }
div.userItemHeader span.userItemDateCreated {
    color: #999;
    font-size: 11px
    }
div.userItemHeader h3.userItemTitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 110%;
    padding: 10px 0 4px 0;
    margin: 0
    }
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.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 (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-family: Georgia, "Times New Roman", Times, serif;
    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
    }
/* Read more link */
div.genericItemReadMore {
    display: inline
    }
/*----------------------------------------------------------------------
	Modules: mod_k2_comments
----------------------------------------------------------------------*/
/* Latest Comments */
div.k2LatestCommentsBlock ul {
    padding: 4px;
    margin: 4px;
    list-style: none
    }
div.k2LatestCommentsBlock ul li {
    display: block;
    clear: both
    }
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.lcCommentDate {
    color: #999
    }
/* Top Commenters */
div.k2TopCommentersBlock ul {
    padding: 4px;
    margin: 4px;
    list-style: none
    }
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.tcLatestCommentDate {
    color: #999
    }
/*----------------------------------------------------------------------
	Modules: mod_k2_content
----------------------------------------------------------------------*/
div.k2ItemsBlock ul {
    padding: 4px;
    margin: 4px;
    list-style: none
    }
div.k2ItemsBlock ul li {
    padding: 8px 4px
    }
div.k2ItemsBlock ul li a.moduleItemTitle {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px
    }
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%
    }
div.k2ItemsBlock ul li span.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_login
----------------------------------------------------------------------*/
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 ul {
    padding: 4px 8px;
    margin: 4px;
    list-style: square
    }
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 ul {
    padding: 4px 8px;
    margin: 4px;
    list-style: square
    }
/*----------------------------------------------------------------------
	Modules: mod_k2_tools
----------------------------------------------------------------------*/
/* --- Archives --- */
div.k2ArchivesBlock ul {
    padding: 4px 8px;
    margin: 4px;
    list-style: square
    }
/* --- Authors --- */
div.k2AuthorsListBlock ul {
    padding: 4px 8px;
    margin: 4px;
    list-style: square
    }
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
    }
/* --- Breadcrumbs --- */
div.k2BreadcrumbsBlock span.bcTitle {
    padding: 0 4px 0 0;
    color: #999
    }
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.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 form select {
    width: auto
    }
/* --- Category List/Menu --- */
div.k2CategoriesListBlock ul {
    padding: 4px 8px;
    margin: 4px;
    list-style: square
    }
div.k2CategoriesListBlock ul li.activeCategory a {
    font-weight: bold
    }
/* Root level (0) */
/* First level (1) */
/* n level (n) - like the above... */
/* --- Search Box --- */
/* --- 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
    }
/* --- END --- */