/*============================================================================
  Rating LAYOUT
  ============================================================================*/

#RatingLayout {
  background-image: url(../img/layouts/rating/rating-question-bg.png);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  background-size: 295px 175px;
}

#RatingQuestionImageContainer {
    position: absolute;
    top: 21px;
    left: 207px;
    width: 100px;
    height: 100px;
}

#RatingQuestionImage{
    width: 87px;
}

#RatingQuestionLabel {
  position: absolute;
  top: 105px;
  left: 25px;
  width: 230px;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  color: #004779;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}

.RatingAnswerBorderUp, .RatingAnswerBorderDisabled, .RatingAnswerBorderSelected {
  position:absolute;
  width:137px;
  height:68px;
  left:0;
  right:0;
  margin: 0 auto;
  margin-top:-5px;
  text-align:left;
}

.RatingAnswerBorderDisabled {
  border-color: #222222;
}

.RatingAnswerBorderSelected {
  border-color: #ffbd20;
}

.RatingAnswerImageBG {
  display: none;
}

.RatingAnswerContainerUp, .RatingAnswerContainerSelected {
  position: relative;
  width: 320px;
  height: 60px;
  background-size: 280px 51px;
  background-repeat: no-repeat;
  background-position: 20px 0px;
  z-index: 99;
}

#RatingAnswerContainer1 {
  padding-top: 190px;
  background-position: 20px 190px;
}

#RatingAnswerLabel1, #RatingAnswerLabel2, #RatingAnswerLabel3, #RatingAnswerLabel4, #RatingAnswerLabel5 {
  display: none;
}

.RatingAnswerContainerUp#RatingAnswerContainer1 {
  background-image: url(../img/layouts/rating/rating-answer1.png);
}

.RatingAnswerContainerSelected#RatingAnswerContainer1 {
  background-image: url(../img/layouts/rating/rating-answer1-selected.png);
}
.RatingAnswerContainerUp#RatingAnswerContainer2 {
  background-image: url(../img/layouts/rating/rating-answer2.png);
}

.RatingAnswerContainerSelected#RatingAnswerContainer2 {
  background-image: url(../img/layouts/rating/rating-answer2-selected.png);
}
.RatingAnswerContainerUp#RatingAnswerContainer3 {
  background-image: url(../img/layouts/rating/rating-answer3.png);
}

.RatingAnswerContainerSelected#RatingAnswerContainer3 {
  background-image: url(../img/layouts/rating/rating-answer3-selected.png);
}
.RatingAnswerContainerUp#RatingAnswerContainer4 {
  background-image: url(../img/layouts/rating/rating-answer4.png);
}

.RatingAnswerContainerSelected#RatingAnswerContainer4 {
  background-image: url(../img/layouts/rating/rating-answer4-selected.png);
}
.RatingAnswerContainerUp#RatingAnswerContainer5 {
  background-image: url(../img/layouts/rating/rating-answer5.png);
}

.RatingAnswerContainerSelected#RatingAnswerContainer5 {
  background-image: url(../img/layouts/rating/rating-answer5-selected.png);
}

.RatingAnswerLabelUp, .RatingAnswerLabelDisabled, .RatingAnswerLabelSelected {
  width: 180px;
  margin-top:42px;
  margin-left: 68px;
  margin-bottom:15px;
  color:#FFFFFF;
  font-weight: bold;
  text-align: left;
}

.RatingAnswerLabelDisabled {
  color:#999999;
}

.RatingAnswerLabelSelected {
  color:#ffbd20;
}

.RatingPopular {
  display: none;
}

#RatingTotalResponsesContainer {
  display: none;
}

#RatingResponses {
  display: none;
}

/*============================================================================
  BETWEEN 360px AND 969px WIDE
  ============================================================================*/
@media (min-width: 360px) and (max-width: 970px) {
  #RatingLayout {
    background-position: 25px 10px;
  }
#RatingQuestionImageContainer {

    margin-left: 15px;
}
  #RatingAnswerContainer1 {
    padding-top: 190px;
    background-position: 35px 190px;
  }

  #RatingQuestionLabel {
    left: 40px;
  }

  .RatingAnswerContainerUp, .RatingAnswerContainerSelected {
    background-position: 35px 0px;
  }
}

/*============================================================================
  WIDER THAN 970px
  ============================================================================*/
@media (min-width: 970px) {
  #RatingLayout {
  }
    #RatingQuestionImageContainer {
        position: absolute;
        top: 129px;
        left: 630px;
        width: 152px;
        height: 152px;
        z-index: 200;
    }

    #RatingQuestionImage{
        width: 152px;
    }
  #RatingQuestionLabel {
    z-index: 100;
    top: 100px;
    left: 180px;
    background-image: url(../img/layouts/rating/rating-question-bg-970.png);
    background-size: 622px 221px;
    background-repeat: no-repeat;
    padding-left: 100px;
    padding-right: 190px;
    width: 332px;
    padding-top: 120px;
    height: 101px;
    font-size: 24px;
    text-align: left;
  }

  #RatingAnswerContainer1 {
    background-position: 0px 0px;
    width: 81px;
    height: 79px;
    background-size: 81px 79px;
    left: 274px;
  }

  #RatingAnswerContainer2 {
    left: 355px;
  }

  #RatingAnswerContainer3 {
    left: 441px;
  }

  #RatingAnswerContainer4 {
    left: 527px;
  }

  #RatingAnswerContainer5 {
    left: 613px;
  }

  .RatingAnswerContainerUp, .RatingAnswerContainerSelected {
    position: absolute;
    top: 322px;
    background-position: 0px 0px;
    width: 86px;
    height: 79px;
    background-size: 86px 79px;
  }

  .RatingAnswerContainerUp#RatingAnswerContainer1 {
    background-image: url(../img/layouts/rating/rating-answer1-970.png);
    background-size: 81px 79px;
  }
  
  .RatingAnswerContainerSelected#RatingAnswerContainer1 {
    background-image: url(../img/layouts/rating/rating-answer1-selected-970.png);
  }
  .RatingAnswerContainerUp#RatingAnswerContainer2 {
    background-image: url(../img/layouts/rating/rating-answer2-970.png);
  }
  
  .RatingAnswerContainerSelected#RatingAnswerContainer2 {
    background-image: url(../img/layouts/rating/rating-answer2-selected-970.png);
  }
  .RatingAnswerContainerUp#RatingAnswerContainer3 {
    background-image: url(../img/layouts/rating/rating-answer3-970.png);
  }
  
  .RatingAnswerContainerSelected#RatingAnswerContainer3 {
    background-image: url(../img/layouts/rating/rating-answer3-selected-970.png);
  }
  .RatingAnswerContainerUp#RatingAnswerContainer4 {
    background-image: url(../img/layouts/rating/rating-answer4-970.png);
  }
  
  .RatingAnswerContainerSelected#RatingAnswerContainer4 {
    background-image: url(../img/layouts/rating/rating-answer4-selected-970.png);
  }
  .RatingAnswerContainerUp#RatingAnswerContainer5 {
    background-image: url(../img/layouts/rating/rating-answer5-970.png);
  }
  
  .RatingAnswerContainerSelected#RatingAnswerContainer5 {
    background-image: url(../img/layouts/rating/rating-answer5-selected-970.png);
  }

}