/* common styles */
#erEmailConfirmation {
   display:none;
   color:#FF8888;
   font-size: inherit;
   }

.epContainer .clearfix,
.etContainer .clearfix,
.esContainer .clearfix { display: block; }

.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; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
/* close commented backslash hack */

/* summary styles */
.esContainer {
   margin:0px 14px 0px 0px;
   border: none;
   }
.esHead {}
.esSummary {
   padding:0px 10px 0px 0px;
   }
.esAvgStars { padding:0px 5px 0px 0px; }
.esAvgRating { padding:0px 5px 0px 0px; }
.esAvgCount { padding:0px 5px 0px 0px; }
.esNone { color:#404040; }

/* Product Review Styles */
.epContainer {
   margin:12px 0 0 0;
   background-color:#FFFFFF;
   padding:4px;
   }

.epHead {
   padding:6px;
}
#epBody {
   background-color:#EAEAEA;
   margin:5px;
   }

#epCreate {
   float:right;
   width:30%;
   text-align:right;
   line-height:normal;
   }

#epSummary {
   float:right;
   width:70%
   }

.epAvgStars { padding:0px 5px 0px 0px; }
.epAvgRating { padding:0px 5px 0px 0px; }
.epAvgCount { padding:0px 5px 0px 0px; }
.epNone { color:#404040; }

.epContent {
   margin:0 0 2px 0;
   background:#fff;
   padding:8px;
   background:#fff;
   }

.epRating {
   float:left;
   width:84px;
   position:relative;
   }

span.epBlanks { display:block; position:absolute }
span.epBlanks:before {  font-family:FontAwesome; color:#A0A0A0; content:"\f005 \f005 \f005 \f005 \f005";  }

.epTitle {
   margin:0px 0 0 64px;
   font-weight:bold;
   }

.epReview {
   padding:15px 0px;
   }

.epSignature {margin:4px 0 0 0}
.epName { float:left; margin:0 12px 0 0 }
.epName:before {
   font-family:FontAwesome;
   font-size:120%;
   color:#7C4338;
   content:"\f007";
   padding-right:8px;

   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   text-rendering: auto;
   }

.epDate { float:left }

.epBusiness {}
.epCompany { margin:0 12px 0 0 }
.epURL {  }

.epVerified {}
.epVerified:before {
   font-family:FontAwesome;
   font-size:120%;
   color:#7C4338;
   content:"\f00c";
   padding-right:4px;

   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   text-rendering: auto;
   }

.epVote { margin:8px 0 0 0 }
.epHelpful {font-style:italic; }

.epResponse {
 font-style: italic;
 margin: 0 0 18px 12px;
 }

.epResponse:before {content:"- Admin note: "; }

/* Store Review/Testimonial Styles */
.etContainer {}

#etHead {
   font-size:105%;
   font-weight:bold;
   color: #444;   padding:5px;
   margin-bottom:12px;
   }

#etBody {
   max-height: 420px;
   overflow-y: scroll;
   background-color:#F5F5F5;
   margin:5px;
   }

#etCreate {
   float:right;
   width:30%;
   text-align:right;
   line-height:normal;
   }

#etSummary {
   float:right;
   width:70%
   }

.etAvgStars { padding:0px 5px 0px 0px; }
.erAvgRating { padding:0px 5px 0px 0px; }
.erAvgCount { padding:0px 5px 0px 0px; }
.etNone { color:#404040; }

.etContent {
   margin:28px 12px 0 42px;
   }

#etContainer .quote {
   font: normal normal normal 24px/1 FontAwesome;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   text-rendering: auto;
   float:left;
   margin-left:-36px;
   }

   .quote:before { content:"\f10d"; color:#666666 }

.etRating {
   float:left;
   padding:8px 12px 0px 0px;
   height:28px;
   }

.etTitle {
   padding:8px 0px 0px 0px;
   font-weight:bold;
   }

.etReview {
   padding:15px 0px;
   }

.etResponse {
   padding:10px;
   color:#9B0829;
   }

.etSignature { font-style:italic; }
.etBusiness {}
.etName { float:right; margin:0 12px 0 0 }
.etDate { float:right }
.etCompany { float:right; margin:0 12px 0 0 }
.etURL { float:right }
.etCompany, .etURL {
   padding:5px 0px 0px 0px;
   }

.etVerified { font-size:90%}
.etVerified:before {
   font-family:FontAwesome;
   font-size:18px;
   color:#000099;
   content:"\f00c";

   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transform: translate(0, 0);
   text-rendering: auto;
   }

.etVote {display:none; }
.etHelpful {font-style:italic; }

/* Rating Distribution */

/* the box */
#boxPU {
   display: none;
   position:absolute;
   z-index:9999;

   margin-top:32px;
   margin-left:-108px;

   padding: 12px;
   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: 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:#3b3b3b3;
   }

#openChart { font-size:24px; text-decoration:none; }

.ui-widget-header {
border: none;
font-weight: bold;
background-color:##ABD7D3 !important;
background: none;
}

#erWriteReviewContainer .ui-button, #eaConfirmDiv .ui-button{
	font-size:14px;
	color:#7B4338;
	background:#e6f2f2;
	background:#e6f2f2 linear-gradient(to top, rgba(255,255,255,0.2) 0, rgba(183,205,205,0.2) 100%);
	box-shadow:none;
	border:1px solid #aaa;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:4px 12px;
	border-radius:3px;
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 1px rgba(255,255,255,0.75);
	cursor:pointer;
	margin-bottom:20px;
	line-height:21px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}


#erWriteReviewContainer .ui-button:hover, #eaConfirmDiv .ui-button:hover{
	color:#9d0f00;
	background:#e1eded;
	background:#e1eded linear-gradient(to top, rgba(255,255,255,0.2) 0, rgba(183,205,205,0.2) 100%);
	border:1px solid #888;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa
}