

#reviews {
    display: block;
    position: relative;
    top: -10px;
}

.reviews *,
.review_block * {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.review_block {
	margin-top: 20px;
	padding: 10px 0;
	border-top: 2px solid #007ec3;

}

.review_block .name_section,
.review_block .review_section,
.review_block .comment_section {
	max-width: 600px;
	margin-bottom: 5px;
}

.review_block .review_section label.review_radio {
	margin: 1px 20px 0 4px;
    vertical-align: top;
    width: 10px;
}	


.review_block .review_section label {
	width: 150px;
}	

.review_block label {
	clear: both;
	display: inline-block;
	width: 100%;
	padding: 0;
	
}
.review_block .name_question,
.review_block .review_question,
.review_block .comment_question {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #007ec3;
}

.review_block .review_select {
	font-weight: bold;
}

.review_block .review_input {
	width: 100%;
	margin-bottom: 5px;
	padding: 5px;
	font-size: inherit;
	font-family: inherit;
}

.review_block .review_comment_title {
	width: 100%;
	margin-bottom: 10px;
}

.review_block .review_comment {
	width: 100%;
	height: 100px;
	font-size: inherit;
	font-family: inherit;
	padding: 5px;
}


/* reviews output */
.success {
	border: 2px solid #16A085;
	padding: 10px;
	margin: 10px 0;
}
.error {
	border: 2px solid #c0392b;
	padding: 10px;
	margin: 10px 0;
}

.stars {
	margin-left: 15px;
	cursor: pointer;
}
.stars {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.stars:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
	min-width: 40px;
    content: attr(data-tooltip);
}
.stars:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.star {
    color: #007ec3;
    font-size: 20px;
    margin-left: 2px;
}

.paws {
	margin-left: 15px;
	cursor: pointer;
}
.paws {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.paws:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
	min-width: 40px;
    content: attr(data-tooltip);
}
.paws:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.paw {
    color: #007ec3;
    font-size: 20px;
    margin-left: 2px;
}

.review_likes {
	clear: both;
	width: 100%;
	color: #000;
	border: 1px solid #007ec3;
	background: rgba(22, 160, 133,0.05);
	padding: 5px;
	margin-top: 15px;
	border-radius: 2px;
}
.review_likes.noborder {
	border: none;
	background: inherit;
}
.review_likes .likes {
	cursor: pointer;
	margin: 0 0 0 20px;
}
.review_likes .count {
	border: 1px solid #999;
	border-radius: 5px;
	padding: 0px 10px;
	margin-left: 5px;
	background: #fff;
}

.reviews {

	margin-top: 20px;
	padding: 10px 0;
	border-top: 2px solid #007ec3;
	
}
.reviews .review {
	position: relative;
	margin: 15px 0;
	width: 100%;
	clear: both;
}
.reviews .review.boxed {
	padding: 20px;
	background: #fafafa;
}
.reviews .review.spamflagged ,
.reviews .review.notap.spamflagged {
	background: #FDE1E0;
}
.reviews .review.notap {
	background: #eeeeee;
}
.reviews .alert {
	background: #c0392b;
	color: #fff;
	text-decoration: none;
	padding: 0 5px;
	float: right;
	margin-left: 10px;
	border-radius: 0px;
}

.review:after {
    content: "";
    clear: both;
    display: table;
}

.reviews .review_count{
	margin: 0 0 10px 0;
	font-weight: bold;
}
.reviews .review_full{
	width: 100%;
	vertical-align: top;
	float: left;
	min-height: 1px;
	position:relative;
	/* overflow: hidden; */
}
.reviews .review_left{
	width: 60%;
	vertical-align: top;
	float: left;
	min-height: 1px;
	position:relative;
	overflow: hidden;
}
.reviews .review_right{
	float: right;
	width: 40%;
	text-align: right;
	vertical-align: top;
	min-height: 1px;
	position:relative;
}
.reviews .review_bottom{
	clear: both;
	width: 100%;
	position:relative;
}
.reviews hr {
	color: #aaa;
	background-color: #aaa;
	border: 0;
	height: 1px;
	margin: 8px 0;
}
	
@media (max-width: 767px) {
	.reviews .review_left{
		float: none;
		width: 100%;
	}
	.reviews .review_right{
		margin-top: 20px;
		margin-bottom: 20px;
		float: none;
		width: 100%;
		text-align: left;
		border: 1px solid #aaa;
		padding: 10px;
	}
	.review_q span.startxt {
		display:inline-block;
		width: 60%;
	}
	.review_q span.stars {
		display:inline-block;
		width: calc(40% - 20px);
		text-align: right;
	}
	
.review_q span.pawtxt {
		display:inline-block;
		width: 60%;
	}
	.review_q span.paws {
		display:inline-block;
		width: calc(40% - 20px);
		text-align: right;
	}	
	
	.flags {
		display: block;
	}
}

.reviews .review_q  {
	vertical-align: top;
	margin-bottom: 5px;	
}

.reviews img.review_img  {
	vertical-align: top;
	max-width: 100px !important;
}

.review_by {
	font-style: italic;
	border-bottom: 1px solid #aaa;
	margin-bottom: 10px;
	padding: 5px 2px;
}
.review_by a {
	font-weight: bold;
}

.review_title {
	font-weight: bold;
}

a.review_button:link,
a.review_button:visited,
a.review_button:active,
a.review_button,
button.review_button {
	background: #007ec3;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	padding: 2px 25px;
	margin: 0px;
	border: 1px solid #007ec3;
	border-radius: 0px;
}
a.review_button:hover,
button.review_button:hover {
	background: #fff;
	color: #007ec3;
	text-decoration: none;
}
.right_button {
	float: right;
}

.readmore_button {
	color: #fff;
	background: #007ec3;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	padding: 2px 25px;
	margin: 0px;
	border: 1px solid #007ec3;
	border-radius: 0px;
}
.readmore_button:hover {
	background: #fff;
	color: #3599fb;
	text-decoration: none;
}
.reply_button {
	color: #007ec3;
	font-weight: bold;
	display: inline-block;
	margin: 0px;
}
.reply_button:hover {
	background: #fff;
	color: #e74c3c;
	text-decoration: none;
}

.fadeout {
	display: none;
	position: absolute; 
	text-align: left;
	vertical-align: bottom;
    bottom: 0em;
    width:100%;
    height: 150px;
	margin: 0;
    padding: 100px 0 0 0;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
}

.google_snippet {
	text-align: center;
	font-size: 10px;
	font-style: italic;
}


.staronly .review.boxed {
	padding: 0 5px;
	background: #eee;
}

.staronly .stars  {
	margin: 0;
	vertical-align: text-bottom;
}
.staronly .star  {
	font-size: 14px;
	color: rgba(41, 128, 185,1.0);
}
.staronly span.startxt {
	display:block;
	margin-right: 10px;
	
}

.staronly .review_q  {
	float: left;
	width: 16.6%;
}.staronly .review_r  {
	float: right;
	width: 16.6%;
}

.staronly .review_likes {
	color: #000;
	border: 0;
	background: none;
	text-align: right
}
.staronly .review_likes .likes {
	cursor: pointer;
	margin: 0;
}
.staronly .review_likes .count {
	border: 0;
	padding: 0px 10px;
	margin-left: 5px;
	background: #fff;
}

.pawonly .review.boxed {
	padding: 0 5px;
	background: #eee;
}

.pawonly .paws  {
	margin: 0;
	vertical-align: text-bottom;
}
.pawonly .paw  {
	font-size: 14px;
	color: rgba(41, 128, 185,1.0);
}
.pawonly span.pawtxt {
	display:block;
	margin-right: 10px;
	
}

.pawonly .review_q  {
	float: left;
	width: 16.6%;
}.pawonly .review_r  {
	float: right;
	width: 16.6%;
}

.pawonly .review_likes {
	color: #000;
	border: 0;
	background: none;
	text-align: right
}
.pawonly .review_likes .likes {
	cursor: pointer;
	margin: 0;
}
.pawonly .review_likes .count {
	border: 0;
	padding: 0px 10px;
	margin-left: 5px;
	background: #fff;
}

a.reply {
	background: #007ec3;
	color: #fff;
	padding: 5px 20px;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	font-size: 0.8em;
}
.review_reply {
	position: relative;
	margin: 20px 0px 0;
	padding: 20px 25px;
	background: #f0f0f0;
	border: 1px solid #007ec3;
	font-size: 0.8em;
	border-radius: 4px;
}
.review_reply:before {
  position: absolute;
  top: -7px;
  left: 19px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #666;
  border-left: 7px solid transparent;
  content: '';
}

.review_reply:after {
  position: absolute;
  top: -6px;
  left: 20px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f0f0f0;
  border-left: 6px solid transparent;
  content: '';
}

.review_reply_name {
	font-weight: bold;
	font-style: italic;
}
.review_reply_name span {
	font-weight: normal;
}
.review_reply_comment {
	padding: 5px 0;
	font-weight: normal;
}


.review_reply  label {
	width: 150px;
}	
.review_reply  input {
	width: 100%;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 5px;
	margin: 5px 0;
	font: inherit;
}
.review_reply  textarea {
	width: 100%;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 5px;
	margin: 5px 0;
	font: inherit;
}	
