div.petswall-clear {
    clear:both;
    font-size:0px;
}
div.petswall-view {
    position: relative;
}
div.petswall-view div.petswall-load-more {
	position: relative;
}
div.petswall-view div.petswall-load-more .bx-btn {
    float: none;
}
div.petswall-view div.petswall-load-more .bx-btn.bx-btn-loading {
	background-color: #cccccc;
}

/*--- Timeline Styles ---*/
div.petswall-timeline {}
div.petswall-timeline-cnt {}
div.petswall-tl-caption {
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 26px;
}
div.petswall-timeline div.input_wrapper_doublerange {
	float: none;

	width: auto;
	margin-left: 145px;
	margin-bottom: 0px;
	padding: 6px;

	background-color: transparent;
}

/*--- Divider Styles ---*/
div.petswall-divider,
div.petswall-divider-today {
    position: relative;
	padding-bottom: 10px;
    font-size: 11px;
}

div.petswall-divider-cnt {
	position: relative;
	box-sizing: border-box;

    width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;

    border: 2px solid #cccccc;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #ffffff;
    
    text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #999999;
}

div.petswall-divider-nerrow {
    position: relative;
    height: 2px;
    background-color: #cccccc;
}
div.visible {
    display: block;
}
div.hidden {
    display: none;
}

/*--- Event Styles ---*/
div.petswall-events {
	position: relative;
}

div.petswall-event {
    position: relative;

	min-height: 72px;
	margin: 0px;
	padding-bottom: 10px;
}

div.petswall-divider:before,
div.petswall-divider-today:before,
div.petswall-event:before {
	content: '';
	position: absolute;
	top: 0;
	left: 36px;
	width: 2px;
	height: 100%;

	background: #cccccc;
}

div.petswall-event-cnt {
	position: relative;

	min-height: 32px;
	margin: 0px 0px 0px 85px;
	padding: 10px 0px;

	border: 1px solid #cccccc;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

	background-color: rgba(255, 255, 255, 0.9);
}

div.petswall-event-circle-empty {
	position: absolute;
	top: 19px;
	left: -7px;
	width: 8px;
	height: 8px;
	border: 2px solid #e8e8e8;
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	background-color: #ffffff;
}

div.petswall-event-circle {
    position: absolute;

    top: 10px;
    right: 10px;

    text-align: center;
    color: #999999;
	opacity: 0.2;
}

div.petswall-event-circle .sys-icon {
    font-size: 32px;
    text-align: center;
}

/*--- Event Caption Styles ---*/
div.petswall-caption,
div.petswall-caption-withicon {
    position: relative;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	padding-left: 0px;
    background-repeat: no-repeat;
    background-position: 0px center; 
}
div.petswall-caption-withicon {
	padding-left: 20px;
}
div.petswall-caption .bullet {
	padding: 0px 5px;
}
span.petswall-caption-owner {
    font-weight: bold;
}
a.petswall-caption-link,
a.petswall-caption-link:link {
    text-decoration: none;
    /*color: #3333cc;*/
}
a.petswall-caption-link:hover,
a.petswall-caption-link:active {
    text-decoration: underline;
}
a.petswall-cl-bold {
	font-weight: bold;
}

/*--- Event Content Styles ---*/
div.petswall-content {
    position: relative;
	margin-left: 20px;
	margin-right: 20px;
    overflow: hidden;
}
span.petswall-content-see-more {
	
}
div.petswall-content p:last-child {
	margin-bottom: 0px;
}
div.petswall-content-wrapper {
	overflow: hidden;
}
div.status-message {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}
div.petswall-event div.friend-info div.thumbnail_block {
	position: relative;
	top: 0px;
	left: 0px;
}
div.petswall-shp-wrapper {    
    position: relative;
    
    border: 1px solid #cccccc;    
}
img.petswall-shp {
    background-repeat: no-repeat;
    background-position: center;
}

/*--- Event Snippet styles ---*/
div.petswall-snippet {
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
	border: 1px solid #dadada;
    overflow: hidden;
}

div.petswall-snippet div.petswall-thumbnail, 
div.petswall-snippet div.petswall-info {
    float: left;
    overflow: hidden;
    position: relative;
}
div.petswall-snippet div.petswall-thumbnail img {
    display:block;
} 
div.petswall-snippet div.petswall-info {
	max-width: 525px;
}
div.petswall-snippet div.petswall-title {
	font-weight: bold;
} 
div.petswall-snippet p:last-child {
    margin-bottom: 0px;
}
div.petswall-event div.petswall-snippet div.thumbnail_block {
	position: relative;
	top: 0px;
}

/*--- Common Post styles ---*/
div.common div.petswall-caption {
	padding-left: 0px;
}
div.common .petswall-caption-divider {
	font-size: 10px;
}
div.petswall-event div.petswall-event-owner div.thumbnail_block {
	position: absolute;
	top: 0px;
    left: 0px;
	padding: 2px;

	border: 2px solid #cccccc;
	border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;

	background-color: #ffffff; 
}
a.petswall-author {
    text-decoration: none;
	font-weight: bold;
}
span.petswall-posted-ago {
    text-transform: lowercase;
    font-size: 10px;       
}
div.petswall-body {
    position: relative;
}



div.petswall-post-link {
    position: relative;
}
div.petswall-lnk-title {
    position: relative;
}
div.petswall-lnk-url {
    padding-bottom: 5px;
    position: relative;
}
div.petswall-lnk-description {
    position: relative;
}
div.petswall-post-media {
    position: relative;
    clear: both;
}
div.petswall-pm-thumbnail,
img.petswall-pm-thumbnail {
    display: block;
    width: 100%;
    max-width: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

div.petswall-pm-thumbnail {
	position: relative;
    float: left;

    margin: 5px 10px 5px 5px;

	overflow: hidden;
}
img.petswall-pm-thumbnail {
    background-repeat: no-repeat;
    background-position: center;
}


/*--- Comment Styles ---*/
div.petswall-comments {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}
div.petswall-comments-view-ctl,
div.petswall-comments-post-ctl {    
    position: relative;
    float: left;
    
    line-height: 10px;
}
div.petswall-comments-view-ctl {    
    text-align: left;
}
div.petswall-comments-post-ctl {
    float: right;
    text-align: right;
}
div.petswall-comments-view-cnt,
div.petswall-comments-post-cnt {
    position: relative;
    clear: both;
    display: none;
}

/*--- Overwrite default Comment styles ---*/
div.petswall-event div.petswall-comments{
    margin-top: 5px;
}
div.petswall-event div.petswall-comments div.bullet {
    position: relative;
	float: left;
	padding: 0px 5px;
}
div.petswall-event div.petswall-comments div.cmts {
	margin: 0px;
    padding: 0px;
}
div.petswall-event div.petswall-comments div.cmts ul.cmts li.cmt:first-child {
	margin-top: 10px;
}
div.petswall-event div.petswall-comments span.petswall-date,
div.petswall-event div.petswall-comments a.cmt-replies-show,
div.petswall-event div.petswall-comments a.cmt-replies-hide,
div.petswall-event div.petswall-comments a.cmt-reply-toggle,
div.petswall-event div.petswall-comments a.petswall-delete {
    margin: 0px;
	padding: 0px;
    text-transform: capitalize;
}
div.petswall-event div.petswall-comments div.thumbnail_block {
    left: -38px;
    top: 1px;
}
div.petswall-event div.petswall-comments li.cmt div.cmt-replies,
div.petswall-event div.petswall-comments li.cmt div.cmt-post-reply-to {
	margin: 0px 0px 0px 5px;
}


/*--- Animation ---*/
@media only screen and (min-width: 1024px) {
  .cssanimations .thumbnail_block.is-hidden {
    visibility: hidden;
  }
  .cssanimations .thumbnail_block.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@media only screen and (min-width: 1024px) {
  .cssanimations .petswall-event-cnt.is-hidden {
    visibility: hidden;
  }
  .cssanimations .petswall-event-cnt.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}