/**
* @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
*/
/*
### Legend ###
Font families used:
font-family: 'OpenSansSemibold',sans-serif;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
font-family:Arial, Helvetica, sans-serif;
Colors used:
#fff (light blue) used as background on all toolbars, category and user/author boxes
*/
/*----------------------------------------------------------------------
Common Elements
----------------------------------------------------------------------*/
/* --- Basic typography --- */
a:active,
a:focus{ outline: 0; }

img{ 
  color:#b4b4b4;
  }
img:active,img:hover {
  color:#38277f
}
/* --- Global K2 container --- */

body.contentpane #k2Container{
  /* used in popups */
  padding: 16px;
}

/* --- General padding --- */
.k2Padding{ padding: 4px; }

/* --- Clearing --- */
.clr{
  clear: both;
  height: 0;
  line-height: 0;
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  border: none;
}

/* --- Zebra rows --- */
.even{
  background: #fffff0;
  padding: 2px;
  border-bottom: 1px dotted #b4b4b4;
}

.odd{
  background: #fff;
  padding: 2px;
  border-bottom: 1px dotted #b4b4b4;
}

/* --- RSS feed icon --- */
div.k2FeedIcon{
  padding: 4px 8px;
}

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;
  float: left;
}

.itemRatingLog{
  font-size: 11px;
  margin: 0;
  padding: 0 5px;
  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.png) left -1000px repeat-x;
}

.itemRatingList{
  position: relative;
  float: left;
  width: 80px;
  height: 15px;
  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: 15px;
  line-height: 15px;
  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;
  /* this class is used to clear all previous floating list elements */
  clear: both;
}

.lastItem{
  /* class appended on last list item */
  border: none;
}

div.k2LatestCommentsBlock ul li, 
div.k2TopCommentersBlock ul li, 
div.k2ItemsBlock ul li, 
div.k2LoginBlock ul li, 
div.k2UserBlock ul.k2UserBlockActions li, 
div.k2UserBlock ul.k2UserBlockRenderedMenu li, 
div.k2ArchivesBlock ul li, 
div.k2AuthorsListBlock ul li, 
div.k2CategoriesListBlock ul li, 
div.k2UsersBlock ul li {
  background: transparent;
  padding-left: 0;
  color: #fff;
}

ul.k2UserBlockActions li a {
  color: #999;
}

ul.k2UserBlockActions li a:hover,
ul.k2UserBlockActions li a:focus,
ul.k2UserBlockActions li a:active {
  color: #f97b5d;
}

/* --- Avatars --- */
.k2Avatar img{
  display: block;
  float: left;
  background: #fff;
  border: 1px solid #ccc;
  padding: 2px;
  margin: 2px 10px 4px 0;
}

/* --- Read more --- */

/* --- Pagination --- */

/* --- Pagination (additional styling for Joomla! 1.6+) --- */
.k2Pagination ul {
  margin-left: 30px !important;
  float: left;
}

.k2Pagination ul li {
  background: none;
  display: inline;
  padding: 0;
  margin: 0 5px 0 0;
}

.k2Pagination ul li span.pagenav, .k2Pagination ul li a.pagenav,
.k2Pagination ul li.pagination-start span.pagenav, .k2Pagination ul li.pagination-prev span.pagenav,
.k2Pagination ul li.pagination-next span.pagenav, .k2Pagination ul li.pagination-end span.pagenav {
  padding: 0 7px;
  background: url(../images/grad-l2.png) repeat-x left bottom #fff;
  border: 1px solid #dedede;
  color: #463189;
  display: inline-block;
}

.k2Pagination ul li a.pagenav:hover {
  color: #463189;
}

.k2Pagination ul li.pagination-start span.pagenav, .k2Pagination ul li.pagination-prev span.pagenav,
.k2Pagination ul li.pagination-next span.pagenav, .k2Pagination ul li.pagination-end span.pagenav {
  color: #ccc;
}

.k2Pagination ul li span.pagenav {
  background: #463189;
  border: 1px solid #463189;
  color: #fff;
}

.k2Pagination li span,
.k2Pagination li strong { line-height: 20px; }

/* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */
div.itemIsFeatured,
div.catItemIsFeatured,
div.userItemIsFeatured{
  background: url(../images/system/featuredItem.png) no-repeat 100% 0;
}

/*----------------------------------------------------------------------
Component: Item view
----------------------------------------------------------------------*/
a.itemPrintThisPage{
  display: block;
  width: 160px;
  margin: 4px auto 16px;
  padding: 4px;
  background: #fff;
  border: 1px solid #ccc;
  text-align: center;
  color: #555;
  font-size: 13px;
}

a.itemPrintThisPage:hover{
  background: #eee;
  text-decoration: none;
}

div.itemView {
  position: relative;
}

span.itemEditLink{
  display: block;
  padding: 4px 0;
  margin: 0;
  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{
  font-family: 'Asap',sans-serif;
  font-weight: bold;
  padding: 0;
  margin: 0 30px -5px;
  color: #1e1d1c;
}

div.itemHeader h2.itemTitle span sup {
  font-size: 12px;
  color: #463189;
  /* "Featured" presented in superscript */
  text-decoration: none;
}

div.itemHeader span.itemAuthor {
  color: #c2c2c2;
  padding: 0;
  margin: 0;
}

div.itemToolbar {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 10px;
}

div.itemToolbar ul {
  text-align: right;
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
  float: right;
}

div.itemToolbar ul li {
  display: inline;
  list-style: none;
  padding: 0 0 0 5px;
  margin: 0;
  text-align: center;
  background: none;
  font-size: 12px;
}

div.itemToolbar ul > li:first-child {
  /* remove the first CSS border from the left of the toolbar */
  border: none;
}

div.itemToolbar ul li a{
  font-size: 12px;
  font-weight: normal;
}

div.itemToolbar ul li a.itemPrintLink {
  width: 11px;
  height: 11px;
  background: url(../images/icons/printer.png) no-repeat center center;
  display: inline-block;
}

div.itemToolbar ul li a.itemPrintLink span { display: none; }

div.itemToolbar ul li a.itemEmailLink {
  width: 13px;
  height: 11px;
  background: url(../images/icons/email.png) no-repeat center center;
  display: inline-block;
}

div.itemToolbar ul li a.itemEmailLink span { display: none; }

div.itemToolbar div.ItemCommentsLink { display: inline; float: left; }

div.itemToolbar div.ItemCommentsLink a.itemCommentsLink {
  background: url(../images/readmore.png) no-repeat left center;
  color: #463189;
  margin-right: 10px;
  padding-left: 15px;
}

div.itemToolbar div.ItemCommentsLink a.itemCommentsLink:hover {
  background-image: url(../images/readmore-hover.png);
  color: #463189;
}

div.itemToolbar ul li a img{
  vertical-align: middle;
}

div.itemToolbar ul li span.itemTextResizerTitle { color: #463189; }

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{ float: right; margin-right: 20px; }

div.itemRatingBlock span{
  display: block;
  float: left;
  font-style: normal;
  padding: 0 4px 0 0;
  margin: 0;
  color: #463189;
}

div.itemBody{
  padding: 0;
  margin: 0 30px;
}

span.itemImage{
  display: block;
  margin: 20px 30px 8px;
}

span.itemImage img { max-width: 100%; border: none; }

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 {
  font-weight: bold;
}

div.itemFullText h3, div.itemFullText h4, div.itemFullText_support h3, div.itemFullText_support h4, div.itemFullText_workshop h3, div.itemListCategory h3 {
  margin: 0 0 -5px;
  padding: 0px;
}

div.itemExtraFields{
  margin: 16px 0px 0px 30px;
  padding: 0px 0 0 0;
  border-top: 0px dotted #e9e9e9;
}

div.itemExtraFields h3{
  margin: 0;
  padding: 0 0 8px 0;
  line-height: normal !important;
  display: none;
}

div.itemExtraFields ul{
  margin: 0 0px;
  padding: 0;
  list-style: none;
}

div.itemExtraFields ul li{ display: block; margin: 4px 0px; padding-left: 0px; background: none; border: none; }

div.itemExtraFields ul li span.itemExtraFieldsLabel{
  display: block;
  float: left;
  font-weight: bold;
  margin: 0px;
  width: 15%;
}

div.itemContentFooter{
  display: block;
  text-align: right;
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px solid #e9e9e9;
  color: #999;
}

span.itemHits{ float: left; }

div.itemTwitterButton { margin-right: 20px; float: left; }

div.itemFacebookButton { margin: 0; float: left; }

div.itemGooglePlusOneButton { float: left;}

div.itemLinks{
  margin: 0 0 5px;
  padding: 0;
}

div.itemCategory {
  display: inline;
}

div.itemCategory span {
  font-weight: bold;
  color: #c2c2c2;
  padding: 0 4px 0 0;
}

div.itemTagsBlock {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  margin: 10px 0 20px;
  padding: 10px 0;
}

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 {
  background: none;
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}

div.itemTagsBlock ul.itemTags li a { color: #999; }

div.itemTagsBlock ul.itemTags li a:hover { color: #463189; }

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: #fff;
  border: 1px solid #e9e9e9;
  margin: 10px 0;
  padding: 20px;
}

div.itemAuthorBlock img.itemAuthorAvatar{
  float: left;
  display: block;
  margin: 0 20px 0 0;
}

div.itemAuthorBlock div.itemAuthorDetails{
  margin: 0;
  padding: 0;
}

div.itemAuthorBlock div.itemAuthorDetails h3.authorName,
div.itemAuthorBlock div.itemAuthorDetails h3.itemAuthorName {
  margin: 0 0 4px 0;
  padding: 0;
}

div.itemAuthorBlock div.itemAuthorDetails h3.authorName a,
div.itemAuthorBlock div.itemAuthorDetails h3.itemAuthorName a { color: #463189; }

div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover,
div.itemAuthorBlock div.itemAuthorDetails h3.itemAuthorName a:hover { color: #463189; }

div.itemAuthorBlock div.itemAuthorDetails p { line-height: 1.4; }

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;
  float: left;
  width: 50%;
}

div.itemAuthorLatest h3 { 
  color: #463189;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

div.itemAuthorLatest ul li {
  border-bottom: 0;
  background: url(../images/bullet.gif) no-repeat 3px 8px;
  padding-left: 15px;
}

div.itemAuthorLatest ul li a { color: #666; }

div.itemAuthorLatest ul li a:hover { color: #463189; }

/* Related by tag */
div.itemRelated{
  margin-bottom: 16px;
  /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */
  padding: 0;
  float: left;
  width: 50%;
}

div.itemRelated h3 {
  color: #463189;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}

div.itemRelated ul li {
  border-bottom: 0;
  background: url(../images/bullet.gif) no-repeat 3px 8px;
  padding-left: 15px;
}

div.itemRelated ul li a { color: #666; }

div.itemRelated ul li a:hover { color: #463189; }

div.itemRelated ul li.k2ScrollerElement{
  float: left;
  overflow: hidden;
  border: 1px solid #ccc;
  padding: 4px;
  margin: 0 4px 4px 0;
  /* you need to insert this class in the related li element in item.php for this styling to take effect */
  background: #fff;
}

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{
  padding: 0px 0px 0px 30px;
  background: none
}

div.itemVideoBlock div.itemVideoEmbedded{
  /* for embedded videos (not using AllVideos) */
  text-align: left;
  margin: 5px 0px;
}

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{
    float: right;
    margin: 0;
    max-height: 0;
    max-width: 40%;
    overflow: visible;
    padding: 0;
}

/* Article navigation */
div.itemNavigation span.itemNavigationTitle{ 
  color: #b4b4b4;
  margin-left: 30px;}

div.itemNavigation a.itemPrevious{
  padding: 0 30px;
}

div.itemNavigation a.itemNext{
  padding: 0 30px;
}

/* Comments */
div.itemComments{
  border-top: 1px solid #e9e9e9;
  padding: 20px 0 0;
}

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 #e9e9e9;
}

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;
  font-family: 'PT Sans',sans-serif;
  text-transform: uppercase;
  font-size: 150%;
  color: #463189;
}

div.itemCommentsForm form label.formComment {
  display: block;
  margin: 12px 0 5px 0;
}

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#submitCommentButton {
  margin: 16px 0 0 0;
}

div.itemCommentsForm form span#formLog{
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  font-weight: bold;
  color: #463189;
}

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: #fff;
  border: 1px solid #e9e9e9;
  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-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 #e9e9e9;
  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: #463189;
}

div.k2ReportCommentFormContainer form .formLogLoading{
  background: url(../images/system/loading.gif) no-repeat left center;
}

/* Back to top link */
div.itemBackToTop{
  text-align: right;
  visibility: visible;
}

div.itemBackToTop a{
  text-decoration: underline;
  color: #b4b4b4;
}

div.itemBackToTop a:hover{
  text-decoration: underline;
  color: #38277f;
}

/*----------------------------------------------------------------------
Component: Item Blog
----------------------------------------------------------------------*/
.itemBlog .itemDateCreated {
  float: left;
  border: 1px solid #463189;
  padding: 5px 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #463189;
}

.itemBlog .itemDateCreated .date {
  font-size: 300%;  
  line-height: 1;
  font-family: 'PT Sans',sans-serif;
  font-weight: bold;
}

.itemBlog .itemDateCreated .month {
  text-transform: uppercase;
  display: block;
}

.itemBlog .ItemViewMain {
  float: right;
  width: 605px;
}
/*----------------------------------------------------------------------
Component: Itemlist view (category)
----------------------------------------------------------------------*/
div.itemListCategoriesBlock { }

/* --- Category block --- */
div.itemListCategory{
  margin: 14px 30px 0px 30px;

}

span.catItemAddLink{
  display: block;
  padding: 8px 0;
  margin: 0 0 4px 0;
  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;
  margin: 0 20px 0 0;
}

div.itemListCategory h2 {
  font-size: 150%;
  margin-top: 0;
  margin-bottom: -5px;
  color: #1e1d1c;
  font-weight: bold;}

/* --- Sub-category block --- */
div.itemListSubCategories{ margin: 0px 0px 0px 20px; }

div.subCategoryContainer{ float: left; }

div.subCategory {
  margin: 0;

}

div.subCategory:hover {
  border-color: #463189;
}

div.subCategory a.subCategoryImage,
div.subCategory a.subCategoryImage:hover{
  display: block;
  overflow:hidden;
  -webkit-border-radius:  0 0 10px 0;
  border-radius: 0 0 10px 0;
   
}

div.subCategory a.subCategoryImage img,
div.subCategory > h2 {
  font-size: 150%;
  text-align: center;
  margin: 0 4%;


}

div.subCategory > h2 a {
  color: #1e1d1c;
}

div.subCategory > h2 a:hover,
div.subCategory:hover > h2 a { color: #38277f;text-decoration:none;}

div.subCategory .subCategoryImage + p { 
  max-height: 55px;
  overflow: hidden;
}

/* --- Item groups --- */
div.itemList{ margin: 0px 0px 0px 30px; }

div#itemListLinks{
  background: #fff;
  border: 1px solid #e9e9e9;
  margin: 8px 0;
  padding: 8px;
}

div.itemContainer {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  overflow: hidden;
  border-top: 1px solid #e4e4e4;
  }
div.itemContainer:hover,div.itemContainer:active {  }

/* --- Item block for each item group --- */
div.catItemView {
  margin: 0px;
}

div.catItemViewMain {
   border-bottom: 0px solid #e9e9e9;
   padding-bottom: 10px;
}

/* Additional class appended to the element above for further styling per group item */
div.groupLinks{
  padding: 0;
  margin: 0;
}

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-weight: normal;
  padding: 0px;
  margin: 5px 10px;
  text-align: center;
  bottom: 0;
  padding: 0;

}
.catItemHeader {margin: -5px 0; }
div.catItemHeader h3.catItemTitle a { color: #1e1d1c; }

div.catItemHeader h3.catItemTitle a:hover,
div.catItemHeader h3.catItemTitle a:focus,
div.catItemHeader h3.catItemTitle a:active,
div.itemContainer:hover div.catItemHeader h3.catItemTitle a {
  color: #38277f;text-decoration:none;
}

div.catItemHeader h3.catItemTitle span sup {
  font-size: 12px;
  color: #463189;
  /* superscript */
  text-decoration: none;
}

div.catItemHeader span.catItemAuthor { padding: 0; margin: 0; color: #c2c2c2; }

div.catItemHeader span.catItemAuthor a { font-weight: bold; color: #646464; }

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 {
  margin: 0px 10px;
  padding: 0px;

}

div.catItemImageBlock {
  margin: 10px 0 10px 0px;

}

div.catItemImageBlock_workshop,div.catItemImageBlock_support {
  float:left;
  margin:  0 10px 0 0;

}


span.catItemImage{
  display: block;
  margin: -0px;
  text-align: center;
}

span.catItemImage img,.itemImage_workshop img {
-webkit-border-radius:  0px;
  border-radius: 0px; 
  border: solid 0px;
  margin: 5px 10px 2px 0px;
}

div.catItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  text-align: left;
}

div.catItemIntroText_workshop {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  margin-left: 0px;
}

div.catItemIntroText_workshop p {}
div.catItemIntroText_workshop table { min-height: 200px;}
div.catItemExtraFields,div.genericItemExtraFields{
  margin: 0px;
  padding: 0px;
  border-top: 0px dotted #e9e9e9;
}

div.catItemExtraFields h4,div.genericItemExtraFields h4{
  display: none;
  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;border: none;padding: 0px; margin-top: 5px; background: none; }

div.catItemExtraFields ul li span.catItemExtraFieldsLabel,
div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel{
  display: block;
  float: left;
  font-weight: normal;
  margin: 0 4px 0 0;
  width: 20%;
}

div.catItemLinks{
  margin: 0 0 5px 0;
  padding: 0;
}

div.catItemHitsBlock{
  padding: 4px;
  border-bottom: 1px dotted #ccc;
}

div.catItemCategory { display: inline; }

div.catItemCategory span { color: #c2c2c2; }

div.catItemCategory a { font-weight: bold; color: #646464; }

div.catItemTagsBlock {
  margin-top: 10px;
  padding: 10px 0 0;
  border-top: 1px solid #e9e9e9;
}

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 {
  background: none;
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}

div.catItemTagsBlock ul.catItemTags li a { color: #999; }

div.catItemTagsBlock ul.catItemTags li a:hover { color: #463189; }

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: 0px;
}

div.catItemVideoBlock div.catItemVideoEmbedded{
  /* for embedded videos (not using AllVideos) */
  text-align: center;
}

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;
}

div.catItemCommentsLink a {
  color: #463189;
  padding-left: 15px;
  background: url(../images/readmore.png) no-repeat left center;
  margin-right: 10px;
}

div.catItemCommentsLink a:hover {
  background-image: url(../images/readmore-hover.png);
  color: #463189;
}

/* Read more link */
div.catItemReadMore{
  text-align: left;
  margin-top: 10px;
}

div.catItemReadMore a,.k2ReadMore,.nsp_readmore inline a{
  color: #1e1d1c;
}

div.catItemReadMore a:hover {
   color: #38277f;
}

/* Modified date */
span.catItemDateModified{
  display: block;
  text-align: right;
  padding: 4px;
  margin: 4px 0;
  color: #999;
  border-top: 1px solid #e9e9e9;
}

/*----------------------------------------------------------------------
Component: ItemBlog view (category)
----------------------------------------------------------------------*/
.itemBlogView div.itemList { margin: 0; }

.itemBlogView  div.catItemView {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
}

.itemBlogView .catItemViewMain {
  float: left;
  width: 605px;
}

.itemBlogView .catItemDateCreated {
  float: left;
  border: 1px solid #eee;
  padding: 5px 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #463189;
}

.itemBlogView .itemContainer:hover .catItemDateCreated {
  border-color: #463189;
  color: #463189;
}

.itemBlogView .catItemDateCreated .date {
  font-size: 300%;  
  line-height: 1;
  font-family: 'PT Sans',sans-serif;
  font-weight: bold;
}

.itemBlogView .catItemDateCreated .month {
  text-transform: uppercase;
  display: block;
}
/*----------------------------------------------------------------------
Component: Itemlist view (user)
----------------------------------------------------------------------*/
/* User info block */
div.userBlock{
  background: #fff;
  border: 1px solid #e9e9e9;
  margin: 0 0 16px 0;
  padding: 20px;
  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;
  margin: 0 20px 0 0;
}

div.userBlock h2 { margin: 0 0 10px; }

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;
}

div.userItemList { margin: 0 -10px; }

/* User items */
div.userItemView {
  margin: 0 10px 20px;
}

div.userItemViewUnpublished{
  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;
}

span.userItemEditLink a:hover{
  background: #ffffcc;
}

div.userItemHeader span.userItemDateCreated{
  color: #999;
  font-size: 11px;
}

div.userItemHeader h3.userItemTitle {
  text-transform: uppercase;
  padding: 10px 0 4px 0;
  margin: 0;
}

div.userItemHeader h3.userItemTitle a {
  color: #463189;
}

div.userItemHeader h3.userItemTitle a:hover,
div.userItemHeader h3.userItemTitle a:focus,
div.userItemHeader h3.userItemTitle a:active {
  color: #463189;
}

div.userItemHeader h3.userItemTitle span sup {
  font-size: 12px;
  color: #463189;
  /* "Unpublished" presented in superscript */
  text-decoration: none;
}

div.userItemBody{
  padding: 8px 0;
  margin: 0;
}

div.userItemImageBlock{
  padding: 0;
  margin: 0;
}

div.itemImageBlock_workshop,div.itemImageBlock_support{
  padding: 0;
  margin: 0 10px 0 0;
  float: left;
}
span.userItemImage{
  display: block;
  text-align: center;
  margin: 0 0 10px 0;
}

span.userItemImage img {
  max-width: 100%;
  min-width: 100%;
}

div.userItemIntroText{
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  padding: 4px 0 12px 0;
}
div.userItemLinks{
  margin: 0;
  padding: 0;
}

div.userItemCategory {
  display: inline;
}

div.userItemCategory span {
  color: #c2c2c2;
}

div.userItemCategory a { color: #463189; font-weight: bold; }

div.userItemTagsBlock {
  margin-top: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
}

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 {
  background: none;
  display: inline;
  list-style: none;
  padding: 0 4px 0 0;
  margin: 0;
  text-align: center;
}

div.userItemTagsBlock ul.userItemTags li a { color: #999; }

div.userItemTagsBlock ul.userItemTags li a:hover { color: #463189; }

/* Anchor link to comments */
div.userItemCommentsLink {
  display: inline;
}

div.userItemCommentsLink a {
  background: url(../images/readmore.png) no-repeat left center;
  color: #463189;
  margin-right: 10px;
  padding-left: 15px;
}

div.userItemCommentsLink a:hover {
  background-image: url(../images/readmore-hover.png);
  color: #463189;
}

/* Read more link */
div.userItemReadMore {
  display: inline;
}

div.userItemReadMore a {
  color: #463189;
  padding-left: 15px;
  background: url(../images/readmore.png) no-repeat left center;
}

div.userItemReadMore a:hover{
  background-image: url(../images/readmore-hover.png);
  color: #463189;
}
/*----------------------------------------------------------------------
Component: Itemlist view (tag)
----------------------------------------------------------------------*/

div.tagItemList { margin: 0 -10px; }

div.tagItemView{
  margin: 0 10px 20px;
}

div.tagItemHeader span.tagItemDateCreated{
  color: #999;
  font-size: 11px;
}

div.tagItemHeader h2.tagItemTitle{
  text-transform: uppercase;
  padding: 10px 0 4px 0;
  margin: 0;
}

div.tagItemHeader h2.tagItemTitle a {
  color: #463189;
}

div.tagItemHeader h2.tagItemTitle a:hover,
div.tagItemHeader h2.tagItemTitle a:focus,
div.tagItemHeader h2.tagItemTitle a:active {
  color: #463189;
}

div.tagItemBody {
  padding: 20px 0 0;
  margin: 0;
}

div.tagItemImageBlock{
  padding: 0;
  margin: 0;
}

span.tagItemImage{
  display: block;
  text-align: center;
  margin: 0 0 10px 0;
}

span.tagItemImage img {
  max-width: 100%;
  min-width: 100%;
}

div.tagItemIntroText{
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
}

div.tagItemCategory {
  display: inline;
}

div.tagItemCategory span {
  color: #c2c2c2;
}

div.tagItemCategory a {
  color: #646464;
  font-weight: bold;
}

/* Read more link */
div.tagItemReadMore{
  display: inline;
}

div.tagItemReadMore a {
  color: #463189;
  padding-left: 15px;
  background: url(../images/readmore.png) no-repeat left center;
}

div.tagItemReadMore a:hover{
  background-image: url(../images/readmore-hover.png);
  color: #463189;
}

/*----------------------------------------------------------------------
Component: Itemlist view (generic)
----------------------------------------------------------------------*/

div.genericItemView{
  border-bottom: 1px dotted #ccc;
  padding: 8px 0;
  /* this is the item container for this view */
  margin: 0 0 16px 0;
}

div.genericItemHeader span.genericItemDateCreated{
  color: #999;
  font-size: 11px;
}

div.genericItemHeader h2.genericItemTitle{
  text-transform: uppercase;
  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: #fff;
  border: 1px solid #e9e9e9;
  margin: 0 8px 8px 0;
  padding: 8px;
}

div.latestItemsCategoryImage{
  text-align: center;
}

div.latestItemsCategoryImage img{
  background: #fff;
  padding: 4px;
  border: 1px solid #e9e9e9;
  margin: 0 8px 0 0;
}

/* User info block */
div.latestItemsUser{
  background: #fff;
  border: 1px solid #e9e9e9;
  margin: 0 8px 8px 0;
  padding: 8px;
  clear: both;
}

div.latestItemsUser img{
  display: block;
  float: left;
  background: #fff;
  padding: 4px;
  border: 1px solid #e9e9e9;
  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;
}

div.latestItemHeader h3.latestItemTitle{
  text-transform: uppercase;
  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 #e9e9e9;
  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: 125%;
  font-family: 'PT Sans',sans-serif;
  padding: 8px;
}

.k2AccountPage td#userAdminParams{
  padding: 0;
  margin: 0;
}

.k2AccountPage table.admintable td.key,
.k2AccountPage table.admintable td.paramlist_key{
  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; }


/* Top Commenters */

div.k2TopCommentersBlock ul li span.tcLatestCommentDate{ color: #999; }

/*----------------------------------------------------------------------
Modules: mod_k2_content
----------------------------------------------------------------------*/
div.k2ItemsBlock ul li div.moduleItemAuthor a { color: #463189; }

div.k2ItemsBlock ul li div.moduleItemAuthor a:hover { color: #463189; }


div.k2ItemsBlock ul li div.moduleItemIntrotext{
  display: block;
  padding: 4px 0;
  color: #b4b4b4;
}

div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img{
  float: right;
  margin: 2px 0 4px 4px;
  padding: 0;
  border: 2px solid #e9e9e9;
}

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 10px 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 li {
  padding-left: 10px;
  background: url(../images/bullet.gif) no-repeat left 6px;
  font-size: 92%;
}

div.k2LoginBlock ul li a { color: #999; }

div.k2LoginBlock ul li a:hover,
div.k2LoginBlock ul li a:focus,
div.k2LoginBlock ul li a:active { color: #463189; }

div.k2UserBlock p.ubGreeting{
  border-bottom: 1px dotted #ccc;
}

div.k2UserBlock div.k2UserBlockDetails span.ubName{
  display: block;
  font-weight: bold;
  font-size: 14px;
}

/*----------------------------------------------------------------------
Modules: mod_k2_tools
----------------------------------------------------------------------*/
/* --- Archives --- */

div.k2ArchivesBlock ul li { background: none; padding-left: 0; }

div.k2ArchivesBlock ul li a { color: #463189; }

div.k2ArchivesBlock ul li a:hover { color: #463189; }

/* --- Authors --- */

div.k2AuthorsListBlock ul li a.abAuthorLatestItem{
  display: block;
  clear: both;
}

/* --- 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;
  /* use this height value so that the calendar height won't change on Month change via ajax */
  margin-bottom: 8px;
}

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; margin: -10px 0 0 -60px }

/* --- Category List/Menu --- */

div.k2CategoriesListBlock ul { margin-bottom: 0; }

div.k2CategoriesListBlock ul li { 
  background: 5px 14px;
  border-bottom: 1px dotted #b4b4b4;
  font-family: 'Asap',sans-serif;
  padding: 2px 0 2px 0px;
  margin-bottom: 0;
}

div.k2CategoriesListBlock ul li a { color: #38277f; }

div.k2CategoriesListBlock ul li a:hover,
div.k2CategoriesListBlock ul li a:focus,
div.k2CategoriesListBlock ul li a:active,
div.k2CategoriesListBlock ul li.activeCategory a { color: #1e1d1c; }

div.k2CategoriesListBlock ul li a span.catTitle {
  padding-right: 4px;
}

div.k2CategoriesListBlock ul li.activeCategory a{
  font-weight: bold;
}

div.k2CategoriesListBlock ul li li {
  border: 0;
}


/* 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: 25px;
}

/* 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: 5px;
}

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;
}

/* --- 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: #010101;
  color: #fff;
  text-decoration: none;
}


/*----------------------------------------------------------------------
Modules: mod_k2_users
----------------------------------------------------------------------*/
div.k2UsersBlock ul { margin-bottom: 0; }

div.k2UsersBlock ul li { background: none; padding: 0; margin-bottom: 0; }

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;
}

#k2Container {padding: 0px; margin-top: 15px;}
.itemTitle {font-size: 150%;}

.ja-ss-item img {-webkit-border-radius: 0;
  border-radius:0; }
  
.ja-ss-item {min-height: 200px;}

div.itemFullText_workshop p {clear: none;}

.catItemTitle_workshop a {font-size: 18px;color: #1e1d1c}

.catItemTitle_workshop a:hover,
.catItemTitle_workshop a:focus,
.ItemTitle_workshop a:active,
.itemContainer:hover .catItemTitle_workshop a{color: #38277f;}

div.itemFullText_support p {clear: none;}

.catItemTitle_support a {font-size: 18px;color: #1e1d1c}

.catItemTitle_support a:hover,
.catItemTitle_support a:focus,
.ItemTitle_support a:active,
.itemContainer:hover .catItemTitle_support a{color: #38277f;}

.catItemHeader h3 {font-size: 18px;}
/* --- END --- */