/* vim: set ts=2 sw=2 sts=2 et: */
/**
 * Advanced Customer Reviews module CSS stylesheet
 *  
 * @category   X-Cart
 * @package    X-Cart
 * @subpackage CSS
 * @author     Ruslan R. Fazlyev <rrf@x-cart.com> 
 * @version    b08e49a310b51908e1cc49c725b73c04ce346f2f, v6 (xcart_4_6_2), 2013-11-22 14:37:36, main.css, random
 * @link       http://www.x-cart.com/
 * @see        ____file_see____
 */

/* ==============================================================================
 * 
 * Review style (in reviews list)
 *
 * ==============================================================================*/

div.acr-review {
  color: #58595B;
}

div.acr-review .acr-author {
  width: 75%;
  float: left;
  text-align: left;
  padding-bottom: 3px;
}

div.acr-review .acr-date {
  width: 25%;
  float: right;
  text-align: right;
  font-weight: bold;
}

div.acr-review .acr-rating {
  float: none;
  padding-bottom: 9px;
  padding-top: 5px;
}

div.acr-review .acr-verified {
  color: #C77400; 
  padding-top: 5px;
  padding-bottom: 5px;
}

div.acr-reviews-list div.acr-line {
  border-bottom: 1px solid #D9D9D9;
  width: 100%;
  clear: left;
  margin: 5px 0 12px 0;
}


/* ==============================================================================
 *
 * Detailed product ratings style
 *
 * ==============================================================================*/

table.acr-detailed-product-ratings {
  width: auto;
  color: #58595B;
  border-spacing: 1px;
}

table.acr-detailed-product-ratings td {
  margin: 1px;
  padding: 1px;
}

table.acr-detailed-product-ratings tr.no-reviews td {
  color: #818891;
}

table.acr-detailed-product-ratings tr.selected td {
  font-weight: bold;
}

table.acr-detailed-product-ratings .acr-rating-bar {
  width: 100%;
  background-color: #FFEAC1;
}

table.acr-detailed-product-ratings .acr-rating-bar-full {
  float: left;
  background-color: #FFA62C;
  height: 15px;
}

table.acr-detailed-product-ratings td.acr-comment {
  text-align: right;
}


/* ==============================================================================
 *
 * Useful block style
 *
 * ==============================================================================*/

.acr-useful-box {
  color: #818891;
  text-align: right;
  padding: 10px 0px 2px;
}

.acr-useful-box a {
  text-decoration: none;
  color: #666666;
}

.acr-useful-box .wait {
  padding-right: 5px;
  display: none;
  z-index: 1500;
  overflow: visible;
  width: 16px;
}

a.useful-yes:link,
a.useful-yes:visited,
a.useful-yes:hover,
a.useful-yes:active {
  color: #298705;
}

a.useful-no:link,
a.useful-no:visited,
a.useful-no:hover,
a.useful-no:active {
  color: #8D3634;
}

a.pseudo-link:link, 
a.pseudo-link:visited,  
a.pseudo-link:hover,  
a.pseudo-link:active {
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px dotted;
  padding: 0px;
}

a.useful-voted:link,
a.useful-voted:visited,
a.useful-voted:hover {
  text-decoration: none;
  background: #BCBCBC;
  color: #FFFFFF;
  padding: 1px 2px 1px 2px;
}

span.useful-voted {
  background: #BCBCBC;
  color: #FFFFFF;
  padding: 1px 2px 1px 2px;
}


/* ==============================================================================
 *
 * Reviews list style
 * 
 * ==============================================================================*/

.acr-reviews-list {
  padding-top: 0px;
}

.acr-reviews-list .acr-tab {
  padding: 0px;
}

.acr-product-info .acr-image {
  float: left;
  position: relative;
  padding: 3px 20px 3px 10px;
}

.acr-product-info .acr-details {
  border: 0 none;
  padding-left: 30px;
  vertical-align: top;
}

.acr-product-tab-summary {
  float: none;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.acr-reviews-order {
  color: #A0866E;
  font-weight: bold;
}

.acr-reviews-order a {
  font-weight: normal;
}



/* ==============================================================================
 *
 * Search reviews page style
 *
 * ==============================================================================*/
.acr-search-results {
  padding-top: 5px;
  padding-left: 4px;
}

.acr-search-reviews-sort-bar {
  text-align: right;
  padding-bottom: 8px;
  border-bottom: 1px #CCCCCC solid;
}

.acr-search-sort-delimiter {
  padding-right: 2px;
  padding-left: 2px;
  font-weight: normal;
}

.acr-search-sort-selected {
  font-weight: bold;
}

a.acr-search-sort-not-selected:link,
a.acr-search-sort-not-selected:visited,
a.acr-search-sort-not-selected:hover,
a.acr-search-sort-not-selected:active {
  font-weight: normal;
  font-style: normal;
}
.acr-search-sort-cell-no-direction {
  line-height: 12px;
  font-style: normal;
}

/* ==============================================================================
 *
 * Stars rating style
 *
 * ==============================================================================*/
.acr-vote-bar a,
.acr-vote-bar span,
.acr-vote-bar a img,
.acr-vote-bar span img
{
  display: block;
  margin: 0px;
  width: 22px;
  height: 20px;
  overflow: hidden;

  background: transparent url(../../images/rating_stars.png) no-repeat 1px top;
  /*background: transparent url(../../images/rating_hearts.png) no-repeat 1px top;*/

  float: left;
}

.acr-vote-bar span.full,
.acr-vote-bar span img
{
  background-position: 1px -20px;
}

.acr-allow-add-rate a {
  background-position: 1px -40px;
}

.acr-allow-add-rate a.full,
.acr-allow-add-rate a img
{
  background-position: 1px -60px;
}

.acr-allow-add-rate a:hover,
.acr-allow-add-rate a.over
{
  background-position: 1px -80px;
}

table.acr-data-table td.data-name {
  text-align: right;
  font-weight: normal;
  width: 30%;
}

/* ==============================================================================
 *
 * Other common style
 *
 * ==============================================================================*/
.acr-reviews-add table td {
  padding: 2px;
}

.acr-reason {
  color: #818891;
}

.printable .acr-rating-box {
  display: none;
}

.printable .acr-general-product-rating {
  display: none;
}

div.clearing {
  clear: both;
}

.acr-rating-box.message span {
  display: block;
  padding-top: 5px;
  font-weight: bold;
}

.acr-review-not-allowed {
  color: #CCCCCC;
}

@media screen and (max-width:430px) {
  .acr-product-info .acr-image {
    position: inherit;
    float: none;
  }

  .acr-product-info .acr-details {
    margin-left: 0px !important;
    padding-left: 0px !important;
  } 
}