/**
 * Magmodules.eu - http://www.magmodules.eu - info@magmodules.eu
 * =============================================================
 * NOTICE OF LICENSE [Single domain license]
 * This source file is subject to the EULA that is
 * available through the world-wide-web at:
 * http://www.magmodules.eu/license-agreement/
 * =============================================================
 * @category    Magmodules
 * @package     Magmodules_Reviewemail
 * @author      Magmodules <info@magmodules.eu>
 * @copyright   Copyright (c) 2015 (http://www.magmodules.eu)
 * @license     http://www.magmodules.eu/license-agreement/  
 * =============================================================
 */
.reviewemail-submit {
	overflow:hidden;
	width:100%;
	margin:0 auto
}

.reviewemail-welcome {
	width:96%
}

.review-list {
	padding-top: 15px;
	padding-bottom: 15px;
}

.summary {
}

.reviewemail-submit p.reviewemail-coupon {
/*stitching*/
	outline:1px dashed #697279;
	outline-offset:-6px;
	background-color:#FDFDFD;
	margin:20px 0 10px 1px;
/*shadow*/
	-webkit-box-shadow:0 0 2px 1px #E7E7E7;
	-moz-box-shadow:0 0 2px 1px #E7E7E7;
	box-shadow:0 0 2px 1px #E7E7E7;
	color:#697279;
	text-align:center;
	border-radius:3px;
	width:95%;
    padding: 15px;
    box-sizing: border-box;
}

.reviewemail-submit .content-block {
	padding:10px;
	background:#F3F3F3;
	border-top:1px solid #e0e0e0
}

.reviewemail-submit .review-list h3 {
	width:100%;
}

.reviewemail-submit ul.summary > li {
	width:100%;
	padding:10px 10px 5px 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.reviewemail-submit ul.summary .stars.rating{
	margin-left: -4px;
}

.reviewemail-submit .rating-name {
	font-weight:700
}

.review-list-item {
	margin:10px 1px;
	background-color:#fdfdfd;
	box-shadow:0 0 2px 1px #F0F0F0;
	width:95%;
	border-radius:3px
}

.review-list-item img {
	width:110px;
	height: auto;
	margin-top:-30px;
	border:1px solid #f5f5f5;
	clear:right;
	position:absolute;
	right: 8%;
}

@media only screen and (min-width: 100px) and (max-width: 1024px) {
	.review-list-item img {
		display:none
	}
    .reviewemail-submit input[type=text]{width: 100%;}
}

.reviewarea {
	width:100%;
/* FF1+ */
/* Saf3-4 */
	height:100px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.reviewemail-submit input[type=text] {
	width: 45%;
/* FF1+ */
/* Saf3-4 */
	height:40px;
	padding-left:10px
}

.required-entry {
	margin-bottom:5px;
	padding:1%
}

.ie-label {
	display:none
}

.rating {
	width:325px;
	padding-bottom:12px
}

.rating-small {
	width: 230px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.2;
}

.rating:not(:checked) > input {
	visibility:hidden;
	position:absolute;
	top:-999999px;
	clip:rect(0,0,0,0);
	float:left
}

.rating > span {
	font-weight:600
}

.rating:not(:checked) > label {
	float:right;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	color:#D1D1D1;
	margin-top:-5px;

    min-width: 27px;
    height: 25px;
    background: url(../../images/reviewemail/star.png) 0 0 no-repeat;
    display: block;
    margin-right: 3px;
}

.rating:not(:checked) > label:before {
	content:'★';
	font-size:22px;
    content: none!important;
}

@media (max-width: 800px) {
	.rating:not(:checked) > label:before {
		content:'✪';
	}
}

.rating > input:checked ~ label {
	/*color:#eccc17 - m11*/
    background: url(../../images/reviewemail/star.png) 0 100% no-repeat;
}

.rating:not(:checked) > label:hover,.rating:not(:checked) > label:hover ~ label {

    /*color:#eccc17 - m11*/

background: url(../../images/reviewemail/star.png) 0 100% no-repeat;
}

.rating > input:checked + label:hover,.rating > input:checked + label:hover ~ label,.rating > input:checked ~ label:hover,.rating > input:checked ~ label:hover ~ label,.rating > label:hover ~ input:checked ~ label {
	/*color:#eccc17 - m11*/

    background: url(../../images/reviewemail/star.png) 0 100% no-repeat;
}

/* INDEX REVIEW LIST */
.review-list .rating-empty {
	float:right;
	display:block;
	width:80px;
	height:16px;
	background:url(./images/star.png) 0 -16px;
	margin-right:5px
}

.review-list .rating-star-1 {
	float:left;
	display:block;
	width:16px;
	height:16px;
	background:url(./images/star.png) 0 0;
	margin-right:5px
}

.review-list .rating-star-2 {
	float:left;
	display:block;
	width:32px;
	height:16px;
	background:url(./images/star.png) 0 0;
	margin-right:5px
}

.review-list .rating-star-3 {
	float:left;
	display:block;
	width:48px;
	height:16px;
	background:url(./images/star.png) 0 0;
	margin-right:5px
}

.review-list .rating-star-4 {
	float:left;
	display:block;
	width:64px;
	height:16px;
	background:url(./images/star.png) 0 0;
	margin-right:5px
}

.review-list .rating-star-5 {
	float:left;
	display:block;
	width:80px;
	height:16px;
	background:url(./images/star.png) 0 0;
	margin-right:5px
}

.review-list ul.summary > li{padding: 10px 0 5px 0;}

[data-tip] {
	position:relative
}

[data-tip]:before {
	content:'';
/* hides the tooltip when not hovered */
	display:none;
	content:'';
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #E0DCBF;
	position:absolute;
	top:12px;
	left:328px;
	z-index:8;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg)
}

[data-tip]:after {
	display:none;
	content:attr(data-tip);
	position:absolute;
	top:5px;
	left:335px;
	padding:5px 8px;
	z-index:9;
	font-size:11px;
	line-height:18px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	white-space:nowrap;
	word-wrap:normal;
	background-color:#fff8dc;
	border:1px solid #e0dcbf;
	color:#777
}

[data-tip]:hover:before,[data-tip]:hover:after {
	display:block
}