﻿/** CSS for the review section of your page **/
        /* Review Display*/
.review-by{
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 4px;
}

.widgetrating {
	float:left;
	min-width: 116px;
}
.IQreviewsumarycontent{
    padding: 4px;
    background-color: rgba(255,255,255,0.6);
}
.IQreviewcontent{
	font-style:italic;
	background-color: whitesmoke;
	padding: 4px;
}
.IQreview {
	    border-top: lightgray 1px solid;
	    border-bottom: lightgray 1px solid;
		margin-bottom: 10px;
}

.IQreview .review-content{
	font-style: italic;
	background-color: white;
	padding: 16px;
	margin-top: 28px;
}

section.widget.widget_iq_hosted_rvw_widget {
    box-sizing: border-box;
    box-shadow: 0 0.5em 20px 3px rgba(0, 0, 0, 0.2);
    background-color: rgba(255,255,255,0.6);
    padding: 6px;
	margin-top: 28px;    
}

.footercolumn .IQreviewsumarycontent {
    background-color: transparent;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
follow these rules. Every browser that supports :checked also supports :not(), so
it doesn’t make the test unnecessarily selective */
.widgetrating:not(:checked) > input {
	position:absolute;
	top:-9999px;
	clip:rect(0,0,0,0);
}

.verified {
	width:20px;
	height:20px;
	float:right;
}

.widgetrating:not(:checked) > label {
	
	width:1.1em;
	padding: 0 .1em;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	font-size:150%;
	line-height:1;
	color:#ddd;
	text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.widgetrating:not(:checked) > label:before {
	content: '★ ';
}

.widgetrating > input:checked ~ label {
	color: #f70;
	text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.widgetrating:not(:checked) > label:hover,
.widgetrating:not(:checked) > label:hover ~ label {
	color: gold;
	text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.widgetrating > input:checked + label:hover,
.widgetrating > input:checked + label:hover ~ label,
.widgetrating > input:checked ~ label:hover,
.widgetrating > input:checked ~ label:hover ~ label,
.widgetrating > label:hover ~ input:checked ~ label {
	color: #ea0;
	text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.widgetrating > label:active {
	position:relative;
	top:2px;
	left:2px;
}


/* Review Editing*/
.Star
{
	background-image: url(https://www.instant-quote.co/images/Star.gif);
	height: 17px;
	width: 17px;
}
.WaitingStar
{
	background-image: url(https://www.instant-quote.co/images/WaitingStar.gif);
	height: 17px;
	width: 17px;
}
.FilledStar
{
	background-image: url(https://www.instant-quote.co/images/FilledStar.gif);
	height: 17px;
	width: 17px;
}
.IQnowrap {
	white-space: nowrap;
	padding:6px;
}
.IQreviewssummary table {
	width: auto;
		border: none;
}
.IQreviewssummary td {
	border: none;
}
.avscore {
	text-align: left;
}
.read_reviews{
	text-align: left;
}