@charset "UTF-8";
/* CSS Document */

.geo                { display: none; }
.stars              { background: url('../images/star1.png'); }
.mrating            { margin:0px; padding:0px; overflow:hidden; width:130px; height:25px; margin-bottom: 4px;}
.mrating span       { display:block; height:25px; }
.mrating .current   { background-position:left 25px; }
.little_stars       { background: url('../images/star2.png'); }
.rated              { margin:0px; padding:0px; float:left; }
.rated span         { display:block; height:13px; }
.rated .current     { background-position:left 13px; }
.reviews            { padding: 15px; }
.reviews_count      { font-style: italic; }
.write_review       { float:right; font-weight:bold; }
.comment            { padding:10px; }
.response           { padding:10px; background:#f2f2f2; }
.response span      { font-weight:bold }
.divider            { margin-top:12px; margin-bottom:12px; background-color: #cfcfcf; border:0px; height:1px; }

table tr:nth-of-type(even) {
  background-color: transparent !important;
}

.reviewer           { font-weight:bold; color: #4AB5F3; }
.dtreviewed         { font-weight:bold; }
.review-section     { margin-bottom: 20px; border-bottom: dashed 1px #D8D8D8; }
.response           { background-color: #F7F7F7 !important; }
hr                  { max-width: 100%; }

.SButton            { width: 50px; font-size:.8rem; color:#8A8A8A; }
#per_page_form      { text-align: center; font-size:.8rem; color:#8A8A8A; }
.BODYtext           { font-size:.9rem; }
.item               { padding: 5px; }
.left               { width: 50%; float: left; padding-bottom: 20px; }
.right              { width: 50%; float: right; text-align: right; padding-bottom: 20px; }
.left-70            { width: 90%; float: left; }
.left-33            { width: 25%; margin-right: 20px; float: left; }
.textarea           { width: 98% }
.clear-right        { clear: right }
.write_review       { padding-bottom: 30px; }
.reviews-align-left { text-align: left; }
.reviews-text-right { text-align: right; }

@media only screen and (min-width: 40em) {
  .reviews-page { width: 50% }
}

@media only screen and (max-width: 40em) {
  .left               { width: 100% !important; text-align: center; clear: right; }
  .right              { width: 100% !important; text-align: center; clear: right; margin-bottom: 20px; }
  .write_review       { width: 100%; text-align: center; padding-bottom: 30px !important; }
  .iconWrap           { border: 0px; padding: 0; }
  .left-33            { width: 100%; float: left; padding-bottom: 10px; }
  .reviews-align-left { text-align: center; }
  .reviews-text-right { text-align: center; }
  .mrating            { margin-top: 12px; }
}