@charset "UTF-8";
/* common styles */
.clearfix + * { clear: both; }
#erEmailConfirmation { display:none; color:#FF8888; font-size: inherit; }
.epContainer .clearfix, .etContainer .clearfix, .esContainer .clearfix { display: block; clear:both; }
.epContainer .clearfix::after, .etContainer .clearfix::after, .esContainer .clearfix::after { visibility: hidden; display: block; font-size: 0; content: " "; clear:both; height: 0; }
.erDefault { font-weight:normal; }

/* summary styles */
.esContainer { margin:0px 14px 0px 0px; border: none; }
.esHead {}
.esSummary { vertical-align:baseline; }
.esAvgStars { vertical-align:baseline; }
.esAvgRating { vertical-align:baseline; }
.esAvgCount { vertical-align:baseline; }
.esNone { color:#404040; }

/* Product Review Styles */
.epContainer { margin:12px 0 0 0; background-color:#EAEAEA; padding:2px; }
.epHead { font-size:105%; font-weight:600; color: #404040; padding:2px; }
#epBody { max-height: 420px; overflow-y: auto; background-color:#EAEAEA; margin:3px; }
#epCreate { float:right; width:30%; text-align:right; line-height:normal; }
#epSummary { position:relative; display:inline-block; }
.epAvgStars { display:inline; }
.epAvgRating { display:inline; }
.epAvgCount { display:inline; }
.epNone { color:#404040; }
.epContent { margin:0 0 6px 0; background-color:#FFF; padding:6px; }
.epRating { position:relative; }
.epTitle { font-weight:600; font-size:115%; }
.epReview { padding:10px 0; }
.epSignature { margin:4px 0 0 64px; padding-bottom:10px; } 
.epName { display:inline-block; margin:0 12px 0 0 }
.epName::before { content: "\1F464"; color:#0000AA; padding-right:2px; line-height: initial; font-weight: 900; }
.epDate { display:inline-block; }
.epBusiness { display:inline-block; }
.epCompany { display:inline-block; margin:0 12px 0 0 }
.epURL { display:inline-block; } 
.epVerified { display:inline-block; }
.epVerified::before { content: "\2713"; font-weight: 900; line-height: initial; padding-right:2px; }
.epVote { margin:8px 0 0 0; padding-left:5px; }
.epHelpful { display:inline-block; font-style:italic; padding-left:5px; }
.epResponse { display:inline-block; font-style: italic; padding:0 0 10px 0; }

/* Store Review/Testimonial Styles */
.etContainer {}
#etHead { font-size:105%; font-weight:600; color: #444; padding:2px; margin-bottom:12px; }
#etBody { max-height: 420px; overflow-y: auto; background-color:#F5F5F5; margin:3px; }
#etCreate { float:right; width:30%; text-align:right; line-height:normal; }
#etSummary { position:relative; display:inline-block; }
.etAvgStars { display:inline; }
.etAvgRating { display:inline; }
.etAvgCount { display:inline; }
.etNone { color:#404040; }
.etContent { margin:20px 10px 0 30px; }
.etRating { float:left; padding:0 10px 0 0; }
.etTitle { font-weight:600; font-size:115%; }
.etReview { padding:10px 0; }
.etResponse { padding:10px; color:#9B0829; }
.etSignature { font-style:italic; }
.etBusiness { display:inline-block; }
.etName { display:inline-block; float:right; margin:0 12px 0 0 }
.etDate { float:right }
.etCompany { display:inline-block; float:right; margin:0 12px 0 0 }
.etURL { display:inline-block; float:right }
.etCompany, .etURL { padding:5px 0 0 0; }
.etVerified { font-size:90%}
.etVerified::before { content: '\2713'; font-weight: 900; line-height: initial; padding-right:2px; }
.etVote { display:none; }
.etHelpful { font-style:italic; }

/* Rating Distribution */

/* the box */
#boxPU { display: none; position:absolute; z-index:9999; margin-top: 20px; margin-left: -54px; padding: 8px; background: #FFF; border:1px solid #000; box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.5); } 
#boxPU::after, #boxPU::before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#boxPU::after { border-bottom-color: #FFF; border-width: 12px; /* arrow height */ margin-left: -13px; /* arrow height */ }
#boxPU::before { border-bottom-color: #000; border-width: 13px; /* arrow height + 1 (makes line) */ margin-left: -14px;/* arrow height + 1 (makes line) */ }

/* the bars */
.chart { font-size:90%; margin-top:4px; }
.line { clear:both; line-height:17px }
.level { float:left; margin-right:4px } 
span.bar { float:left; margin-right:4px; display:block; width:100px; height:14px; margin-bottom: 6px; background:#E2E2E2; border-radius: 1px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.1); background: -webkit-linear-gradient(top,#EEE,#F4F4F4); background: linear-gradient(to bottom,#EEE,#F4F4F4); box-sizing: border-box; }
span.count { float:left; margin-left:4px; }
span.bar span::after { margin-left:106px; color:#3B3B3B; }
a.openChart { cursor:pointer; }
a.openChart:hover span#boxPU { display: block; position: absolute; color: #666; }
a:hover { text-transform:none }